반응형
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.
반응형
'css trick & base' 카테고리의 다른 글
animate.css aos 에니메이션 효과주기 (1) | 2024.07.24 |
---|---|
라운드 마스킹 border-radius 위아래형 이미지 아닌 css로만 (0) | 2024.06.13 |
grid (0) | 2024.05.27 |
css로 마스크 입히는법 (들어가는 이미지 크기가 일정하지 않은 비율일때) (0) | 2024.05.16 |
flex 말줄임 width값 못잡을때? / flex gap 자식들 간격 어떻게? (0) | 2024.05.11 |