STUDY/Python

flex로 객체 간격 정하기 | CSS 객체 간격

nicesugi 2022. 5. 1. 19:15

 

 

동그라미  |  이름  |  모달 

사이의 간격을 정하다가 끝에 있는 모달이 칸 밖으로 나가는 이슈가 발생해 찾게 됨!

 

flex-basis : 기본 너비 ( 공간 배분 전 !! )

flex-grow : 증가 너비

 

1:2   /   1:4:3   /  5:3  등 비율을 계산해서 각자 적용해보면 됨

 

 

 

flex-grow 콘솔 확인해보기

왼쪽 적용 전   /   오른쪽 적용 후

반응형