반응형
CSS 적용 전 HTML 문서
저번 글에서 시멘틱 태그를 소개하면서 이러한 레이아웃 예시를 만들어봤다.
이번에는 이 레이아웃을 구현하는 것을 목표로 아주 간단한 HTML 문서를 만들었다.
See the Pen Before CSS by lypi (@Lypi) on CodePen.
이미지 크기만 좀 미리 계산해서 잘라놨을 뿐 나머지 부분은 전혀 정렬되지 않았다.
이제부터는 CSS를 간단하게 정리하고 위와 같은 레이아웃이 나오도록 꾸며볼 것이다.
그뒤에 JS까지 하면 프론트엔드 디자인을 위한 부분은 대략 한번 훑어본 셈이 될 것이다.
반응형