반응형 HTML2 [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. [CSS] ul, li 태그 사용시 점 없애기 ul코드 사용할시 점이 생기는데 css에 아래쪽과 같이 ul{list-style:none;padding-left:0px;} 사용하고 코딩하면 그때부터 점이 생기지 않게 된다. 2021. 6. 4. 이전 1 다음