# flex grow

6개의 포스트
post-thumbnail

[SeSAC DT 과정] CSS - flex 단축 속성

flex는 flex-grow, flex-shrink, flex-basis의 단축 속성! ⭐️ 참고사이트이 3가지 속성은 따로 쓰지 않고, 대체로 flex 단축 속성으로 작성한다.flex container의 남은 너비를 flex item들이 어떻게 나눠가질 것인지를 지

2022년 2월 28일
·
0개의 댓글
post-thumbnail

FlexBox 총정리

flexbox에 대한 모든것 간단하게 정리!! space-around과 space-evenly의 차이?!

2022년 1월 5일
·
0개의 댓글
post-thumbnail

[KDT]FCFE - 3주2일 - 2. 웹페이지 만들기 4 ( flex )

하나의 div에 3개의 버튼 만들어 넣기width를 가진 버튼그룹 div를 만들고버튼그룹인 div에 display:flex; 를 주고flex-wrap: wrap;: 줄이 넘어가면 줄 바꿈하여 배치함.을 설정한다.버튼을 크기를 조정하여 2개는 윗줄에 한개는 아랫줄에 오게

2021년 12월 7일
·
0개의 댓글
post-thumbnail

[CS] HTML + Flexbox Day-14

HTML 구성하기 대부분 좌에서 우, 위에서 아래로 진행합니다. CSS 화면 구분 시 수직분할과 수평분할을 차례대로 적용하여 콘텐츠의 흐름을 따라 작업을 진행합니다. 수직분할 화면을 수직으로 구분하여, 콘텐츠가 가로로 배치될 수 있도록 요소를 배치합니다. 수평분할

2021년 10월 21일
·
0개의 댓글
post-thumbnail

[CSS] Flexbox

flex-direction, flex-wrap,justify-content align-items 같은 flex-box요소들과, flex-grow, flex-basis, align-self 같은 flex-item요소들에 대해 다룬다.

2021년 10월 1일
·
0개의 댓글