메인 페이지 클론 코딩

mynoseis3·2024년 1월 19일

practice

목록 보기
10/32
post-thumbnail

미션 : 미니인턴 서비스 메인 페이지 클론하기

📌 요청사항

  • html, css를 활용해 메인 페이지 클론 코딩
  • 슬라이드는 구현 x, 슬라이드 영역은 이미지로 대체
  • (선택사항) 마우스 호버 시 애니메이션 등 기능 구현

클론 코딩은 처음인데 일단 해보자 !!!

페이지 확인

그림판에 스사삭 그려보면 이레 !

영역을 색상으로 넣어서 확인하면 상단 / 바디 / 하단 이렇게 구성했다.

상단 네비게이션바

++ hover 추가

카드 / 푸터

날 것의 완성물

하루종일 붙잡고 해봤는데
뭔가 ... 굉장히 어렵다.
정리가 필요해 !!!

마음에 하나도 안 듦.
오마이갓 !
계속 수정해서 좀 더 완성도 있게 만들자 !!!

profile
웹개발자 꿈나무 꾸준함의 힘을 믿습니다 🚶

0개의 댓글