목록2023/12/28 (1)
사이먼's 코딩노트
[HTML & CSS] G마켓 2차메뉴 제작
[G마켓 2차 메뉴 제작] 지난번 G마켓 1차 탑바 제작에 이어 이번엔 2차 메뉴 제작을 해봅시다. 완성된 G마켓 홈페이지 디자인은 아래 그림과 같다. 우리가 만들어야할 두번째 목표는 2차 메뉴이다. [구조 잡기] 2차 메뉴의 구조를 잡기 위해서 전체 틀인 top-bar-section 아래 2차 메뉴를 의미하는 g-market-2이라는 클래스를 지정한다. 이 때, 1차 탑바인 g-market-1과는 분리되어 형제 엘리먼트로 생성해야된다. g-market-2 안에 구조를 잡는 container와 실제 메뉴를 구성할 g-market-2__nav 태그를 생성한다. container는 각각 너비 1280px과 높이 400px를 고정 px값으로 가진다. container를 가운데 정렬하기 위해선 margin-le..
HTML & CSS
2023. 12. 28. 14:33