[CSS] flex 아이템 줄바꿈 - flex-wrap

display가 flex로 돼있는 상태에서는, 자식들이 부모의 총너비를 초과해도

줄바꿈이 되지않고 부모 총너비에 맞게 줄어든다.

 

<이전 코드>

#project-list {
  display: flex;
}

<변경 코드>

#project-list {
  display: flex;
  flex-wrap: wrap;
}

그럴땐 flex-wrap: wrap 를 추가하여 줄바꿈이 될 수 있도록 한다.