클론 코딩 #3. 오늘의 집

Duboo·2022년 3월 8일
1
post-thumbnail

html, css, vanilla js 간단한 반응형 웹을 클론 코딩

  • 클론 코딩을 위해 사이트의 디자인 및 작동 방식만을 참고합니다.
  • 태그 하나부터 모두 스스로 만드는 것에 중점을 잡았습니다
  • 크롬 익스텐션을 활용하였습니다.
    • CSSViewer
    • whatFont
    • Page Ruler

오늘의 집

오늘의 집 바로가기

뷰포트에따라 레이아웃이 달리지는 반응형 웹입니다. 데스크탑과 모바일 환경을 구성했습니다.

  • html, css : 레이아웃과 스타일을 제대로 활용할 수 있는지에 초점을 맞춰 작성한 페이지입니다.

오늘의 집

Destop 🖥️Mobile 📱
  • flex 속성 이용 뷰포트에 따라 레이아웃 변경
  • DOM
    • mobile menu
    • Responsive navigation
    • desktop write menu

클론 사이트 보기
코드 보기

profile
둡둡

0개의 댓글