반응형 flex1 Flex박스 속성 : grow, shrink, basis 사실 웹개발을 어느정도 해본사람이라면 mdn만 봐도 css flex 속성을 이해하는데 충분하다. 그런데 mdn의 단어들은 입문자들에겐 조금 어려운것 같다. 나도 몇달전엔 이해하지 못했던 mdn의 글들이 이제서야 이해가 된다. flex속성은 flex-grow, flex-shrink, flex-basis 세 속성의 축약형 flex-grow, flex-shrink, flex-basis에 대한 설명은 조금 더 내리면 볼 수 있다. flex : 1 3 100px //* flex-grow : 1, 형제 요소들과 비교했을때 얼만큼의 비율을 차지 *// //* flex-shrink : 3, 크기가 너무 커서 넘치게 될 때 얼만큼의 비율로 줄어들지 *// //* flex-basis : 100px, 초기 크기*// 가장 .. 2022. 1. 29. 이전 1 다음 반응형