반응형 웹페이지 만들기 (진행상황 수정)- 닉슨 본문
반응형
12.23
반응형 웹페이지를 만드는 것은 오늘이 처음이었기 때문에 추가적인 연습이 필요하다 생각했고,
적당히 어려우면서 좋은 사이트를 발견했다.
https://www.nixon.com 닉슨 시계 홈페이지
break-point는 연습했던 홈페이지처럼 두 군데로 나누어져 있지만,
안에 포함되어 있는 컨텐츠는 꽤 많은 분량을 차지하고 있는 편이다
현재는 위와 같은 형태까지 작업했다.
해결 해야 할 부분
1. 까만 배너 - 3개의 슬라이드 메시지가 균일한 속도로 올라오게 구현하기 (현재는 2개의 슬라이드가 위아래로 움직이는 방식)
2. 까만 배너 ~ 카테고리 - 까만 배너는 fixed / 카테고리까지는 sticky로 구현하기 (까만 배너를 fixed로 설정했을 때 아래 만들어두었던 레이아웃이 망가지는 현상이 있음 / 원인을 찾아봐야 함)
12.24
웹 상태의 홈페이지를 거의 구현했다
내일 쯤에는 반응형으로 만들 수 있을 것 같다
반응형
'개발 > HTML CSS' 카테고리의 다른 글
CSS - 반응형 웹페이지 / after : / 미디어쿼리 (0) | 2023.01.03 |
---|---|
css - 그리드 / 반응형 웹 (0) | 2022.12.23 |
CSS - transform / animation (0) | 2022.12.22 |
css - cascading / background / transition (1) | 2022.12.21 |
css - 정렬 (0) | 2022.12.21 |
Comments