flex-wrap: nowrap;은 기본 값이 nowrap이다. 자동적으로 한줄에 빼곡하게 붙어 있는 것을 볼 수가 있다(wraping을 안하겠다는 뜻. flex-wrap: wrap;은 만약에 내가 wrap으로 바꾸게 되면 아이템들이 한줄에 자동적으로 다음 라인으로 넘어가는 것을 말한다. 정리를 하자면 nowrap은 여러아이템들이 있어서 한줄에 표시되는 것을 얘기하고 wrap은 한줄에 표시되는 것이 아니라 다음 라인으로 넘어가는 것이다.

or

flex-direction은 css 속성은 플렉스 컨테이너 내의 아이템을 배치할 때 사용할 주축 및 방향(정방향, 역방향)을 지정한다.

flex-direction: row;는 왼쪽부터 시작하는 가로축을 나타낸다.

flex-direction: row-reverse;는 오른쪽부터 시작하는 가로축을 나타낸다.

flex-direction: column;은 위에서부터 아래로 시작하는 세로축을 만든다.

flex-direction: column;은 아래에서부터 위로 시작하는 세로축을 만든다

or

flex-grow: 1;은 css property는 flex-item요소가, flex-container 요소 내부에서 할당 가능한 공간의 정도를 선언한다.