overflow-x:scroll
를 적용하면서 여러 케이스들을 보았는데 이를 정리.
결국 방법은 문서에 있었다. 😂
flexbox의 기본개념 MDN으로 익히기
flex-wrap은 item들이 여러 행에 나열될 수 있도록 도와준다.
default값은 nowrap
이다. 그래서 설정을 따로 주지 않았다면 확인할 필요가 없지만,
item들을 일렬로 나열한 후 -> 반응형으로 화면 크기에 따라 scroll이 생기게 하고 싶다면
꼭 nowrap
으로 설정해야한다. 그렇지 않고 혹시 wrap
화면을 줄였을 때 item이 여러 행으로 변경될 수 있다.