flex-wrap flex-wrap은 메인 축이 수평일 때 새로운 행을 만들어 요소를 정렬하고 메인 축이 수직일 때 새로운 열을 만들어 요소를 정렬하는 속성이다. flex-wrap: wrap #container { background-color: #6c757d; width: 90%; height: 500px; margin: 0 auto; border: 5px solid #6c757d; display: flex; flex-direction: column; justify-content: space-evenly; flex-wrap: wrap; } 각각 위에서 아래로 정렬되었다. justify-conten:flex-start;로 설정하면 요소들 전부가 위로 촥! 붙는다. 왜냐하면 주축이 상에서 하 방향으로 한 ..
