8. [모바일] 컬렉션

👉🏻 컬렉션 문구수정 및 상품분류 이미지 링크 수정

<div class="classic">
    <div class="classic-text1">클래식</div>
    <div class="classic-text2">
        광주요의 역사와 장인정신을 대표하는 라인입니다.<br><br>
        전통기법을 현대적으로 재해석하여 한국의 전통과 역사를 계승하는 제품들을 선보입니다.
    </div>
    <div class="classic-text3">
        <div class="image-row">
            <div class="image-container">
                <a href="/product/list.html?cate_no=1114"><img class="img" src="https://ekwangjuyo.com/web/2024_main/c1.jpg"></a>
                <h3>헤리티지1</h3>
            </div>
                <div class="image-container">
                <a href="/product/list.html?cate_no=1114"><img class="img" src="https://ekwangjuyo.com/web/2024_main/c1.jpg"></a>
                <h3>헤리티지2</h3>
            </div>
        </div>
    </div>
</div>

HTML 설명
- line 1) Classic div 레이아웃 시작
- line 2) 첫번째 메인 텍스트
- line 3~6) 두번째 서브 텍스트 (띄어쓰기는 <br> 코드르 맞춰주세요)
- line 7) 세번째 이미지 레이아웃 시작
- line 8) image-row 한줄에 들어가는 class 레이아웃 (모바일 버전은 1개 row에 2개로 CSS적용해놨습니다)
- line 9~12) image-container 상품분류 이미지 링크와 텍스트를 작성해주시면 됩니다
📌 위 html 세트가 상품분류 갯수만큼 반복되고 있습니다.

Made with SlashPage