Questions
Quiz link
@media query에서 breakpoint를 결정할 width는 몇 px인가?<nav>가<header>에 포함된 레이아웃이 아니라 별개로 구분되어 있는 레이아웃이라 hamburger menu로 전환시키는 방법을 검색했을 때 그 솔루션을 쉽게 찾을 수 없었다. 보통 <header>에 포함되면 <nav></nav>의 display: none; 으로 하고, hamburger menu를 노출 시킨 후 menu list를 width: 100%로 표시했다. Hamburger menu를 나타내는 방법은 <label>을 이용한 checkbox, only css, js(jQuery) 등이 있음.- 각각(checkbox, css, jQuery)의 방법은?
- Smartphone layout에서 scores, weather section의 width가 100%가 아니어서 의아했다. 당연히
width: 100%; 로 되어 있을 것이라고 억측.
- Layout Shifter(order사용)로 Responsive layout을 짰는데, 제대로 적용되지 않은 이유는? } 하나가 빠진 것을 제대로 확인하지 않음. css
flex-grow: 1;은 무엇인가? Link
Flexbox