본문 바로가기
css trick & base

flex gap을 써서 간격 조절하는법

by uni:D 2024. 6. 7.

1. flex써서 %로 간격을 맞출경우 부모에게 gap을 줄 경우

2. width: calc(33.333% - 13.4px);

20px(gap) * 2(3개일때 2군데 여백) / 3열  => 40/3=13.333 (올림 해준다)

 

 

 

 

See the Pen flex gap % by uni (@agosto) on CodePen.