부트스트랩(BOOTSTRAP)을 활용한 반응형 웹페이지 만들기-11-5(nike 2022 SS 홈페이지)

문제 screen

문제 CSS

헤결 screen

 

해결 CSS

px 단위로 딱 떨어지지 않기 때문에 %를 이용하여 레이아웃을 구성했다.

문제 screen

문제 code

CSS

해결 screen

해결 code

미디어 쿼리의 설정 너비를 재조정해줌  min-width 321->768px, max-width  768->1024px

문제 screen

문제 code 없음. 

미디어 퀴리에서 CSS추가해줌

 

해결 screen