반응형 Flex css1 [CSS] Flex CSS display: flex; 기본적으로 justify-content는 row(가로)로 되어있기 때문에 main axis는 가로 / cross axis는 vertical(세로)로 되었다. 그러나 flex-direction: column을 하게되면 반대로 main axis는 vertical cross axis는 row로 변경되게 된다. 반응형으로 적용을 했을 때 박스모양이 망가지는 것을 방지하려면 flex-warp: warp을 사용하면 된다. 박스모양의 순서를 뒤집고 싶으면 flex-warp: warp-reverse 를 해주면 된다. 👍flex-grow : 자신이 가질 수 있는 최대 즉 여백의 값까지 가지게 된다. (반응형때 유용) flex-shrink : 만약 flex-shrink값을 2를 주었다면 그 값을.. 2021. 8. 13. 이전 1 다음
