본문 바로가기

반응형 웹페이지 만들기 (진행상황 수정)- 닉슨 본문

개발/HTML CSS

반응형 웹페이지 만들기 (진행상황 수정)- 닉슨

자전하는명왕성 2022. 12. 24. 00:18
반응형

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