URL: https://koreanhamster.github.io/weniv_movie_page/
소스코드: https://github.com/Koreanhamster/weniv_movie_page
미리보기
기술스택
- HTML, Sass(Scss)
적용기술
- 그리드 적용
- 아이템 모듈화하여 중복적용
- footer 포지셔닝은 body에 min-height를 100vh를 준 뒤 footer박스에 margin-top을 0으로 주어 처리
아쉬운점, 배운점
- 예매하기와 예고편 버튼을 스타일링하고 포지션하는데 어려움이 있었는데, 일단 반응형이 전혀 고려되지 않고 네거티브 마진을 주는 식으로 버튼이 부모요소에 꽉 차있는것 '처럼' 스타일링을 했기 때문이다.
- 박스 스타일링은 overflow:hidden을 주어 부모의 border-radius에 맞춰주었다.
'Front-End Developer > Project' 카테고리의 다른 글
깃헙 협업프로젝트시 Issue / PR 템플릿 생성하기 (+ 유투브) (0) | 2022.06.28 |
---|---|
flex & grid 책을 출간하기까지(총괄은 쉽지 않다! 하지만 많이 배웠다.) (0) | 2022.06.06 |
Pure CSS로 포토샵의 역사 페이지 구현하기 (2) | 2022.04.27 |
오직 Tailwind만을 사용해서 이력서 만들어보기 challenge (0) | 2022.04.27 |
Vending machine(콜라 자판기 만들기) (0) | 2022.04.26 |