# flex-basis

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

2021-11-18 TIL

🦁 Day15 💻 오늘 배운 것 transform-style: preserve-3d 상속되는 속성이 아니다. 각 요소에 모두 써줘야한다. 면접 대비를 위한 코딩습관 코딩할 때 왜 그렇게 짰는지 왜 그 선택을 했는지 항상 생각하면서 코딩하는 습관을 들이자. > [예시] layout 짤 때 flex? grid? flex를 사용하는 이유 wrap...

2021년 11월 18일
·
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개의 댓글

flex-basis

flex-basis.MDN에서 flex-basis를 다음과 같이 정의하고 있다.flex-basis CSS 속성은 플렉스 아이템의 초기 크기를 지정합니다.display: flex 특성 상, content의 width가 viewport 보다 크면 width를 따르지 않고

2020년 7월 26일
·
0개의 댓글