1. Flexbox 여러 개의 box를 만들 때, 1)화면의 크기가 바뀌면 box의 크기가 바뀌게 하고 동시에 2) box간의 간격이나 순서를 손쉽게 바꾸기 위한 display property이다. parent element가 있고, 그 아래에 child element가 있을 때만 적용 가능하며, parent element에만 적용하면 child element는 자동으로 조절이 되게 된다. 1-1. 아무것도 적용하지 않았을 때 아래 그림과 같이 parent element에 10개의 child elements(purple boxes)가 block 형태로 나열되게 된다. 1-2. flex 적용 parent element에 display:flex; 를 적용하면 모든 child box가 inline-block ..