css

flex-shrink는 Flexbox 레이아웃에서 사용되는 CSS 속성 중 하나이다.속성은 Flex 컨테이너 내부의 요소들이 감소하는 비율을 지정한다. 즉, 요소들의 크기가 Flex 컨테이너의 공간보다 클 때, 각 요소가 얼마나 줄어들어야 하는지를 제어하는 데에 사용된

마우스를 올리면 적용A 다음에 바로 오는 B에게 적용A와 B가 같은 부모를 공유하고, A 다음에 오는 모든 B 태그에게 적용A 태그에 something이라는 className이 있으면 적용부모의 className이 something-else 이면 본인 태그에 적용

display: grid;요소를 그리드 컨테이너로 지정한다. 이는 그 안에 있는 자식 요소들을 격자 형태로 배치하고 정렬할 수 있게 해준다.grid-template-columns: repeat(5, 1fr);그리드의 열(column)의 크기를 정의한다. grid-tem

height: fit-content 요소의 높이를 해당 요소 내의 콘텐츠 크기에 맞게 자동으로 조절하도록 지정한다. 이때, 콘텐츠의 크기에 따라 요소의 높이가 늘어나거나 줄어든다. 즉, 요소의 크기는 내부 콘텐츠에 따라 동적으로 조절된다. auto와의 차이점은, au

Flexbox 환경에서 텍스트 말줄임(ellipsis) 처리를 할 때 minWidth={0} (CSS의 경우 min-width: 0)이 필요한 이유는 ?? 1. Flex 아이템의 숨겨진 기본값, min-width: auto 일반적인 블록 요소의 min-width 기