CSS fit-content 속성으로 콘텐츠 크기에 맞는 박스 만들기
CSS의 fit-content 속성을 활용해 박스 크기를 콘텐츠에 맞추는 CodePen 예제다. width나 height에 fit-content를 적용하면 요소가 내용물 크기만큼만 공간을 차지하도록 자동 조절된다. 버튼·배지·레이블 등 유연한 크기의 레이아웃을 만들 때 유용하다.
See the Pen fit-content by H J (@H-J-the-typescripter) on CodePen.