flex-wrap- 요소들을 정렬하는 기능
flex-wrap:wrap;
flex-wrap 속성은 정렬된 요소들의 총 넓이가 부모 넓이보다 클 때, 이 요소들을 다음 줄에 이어서 정렬해주는 기능.
이 속성은 부모 요소에 display:flex;를 꼭 함께 써줘야 한다.
flex-wrap 속성을 사용하지 않으면, 기본값인 flex-wrap:nowrap이 적용되어 정렬된 요소들의 넓이는 부모 넓이에 맞게 자동축소된다.
flex wrap을 적용하여 국가 api의 정보를 정렬