기업 과제를 거의 마무리하고, 개인과제를 진행했다.
결국 마땅한 api를 찾기 못해서 블로그로 하려고 하는데 db없이 어디까지 할 수 있을지 조금 걱정이다.
display: flex
일 때 요소들이 한 줄로 나열되는데 창이 작아지면 알아서 줄나눔이 안되고 화면 밖으로 나가는 현상이 일어난다.
화면에 따라서 요소들이 알아서 줄바꿈이 일어나길 원해서 코드를 짰다.
첫 코드
flex-direction: row;
flex-wrap: wrap;
이렇게 하면 창이 줄어들 때 알아서 요소들의 줄바꿈이 일어나는데 코드 상에서 에러를 띄웠다.
알아보니 더 간단하게 할 수 있으니 코드를 바꾸란 메세지였다.
바꾼 코드
flex-flow: row wrap;
flex-flow
라는 속성을 사용하면 direction와 wrap을 동시에 정의해 줄 수 있었다.