# align content

10개의 포스트
post-thumbnail

Flexbox

01 Flexbox (Flexible Box Module) > flex-direction: row / column; flexbox에서 레이아웃의 방향을 결정하는 속성이다. row가 기본값이며 메인축 즉, 가로축 방향을 설정하고 왼쪽에서 오른쪽으로 item이 정렬된

2023년 4월 17일
·
0개의 댓글
·

[CSS] flex 레이아웃 2-11

웹 사이트의 구조를 영리하게 짤 수 있다.display를 flex로 지정하면 플렉스 방식으로 자식 요소들을 배치하게 된다.inline-flex는 해당 컨테니어 요소를 인라인으로 만든다는 차이가 있다.flex-direction의 값row(가로로 왼쪽부터)column(세로

2023년 1월 25일
·
0개의 댓글
·
post-thumbnail

[Let U Win] CSS Flex

네이버 블로그에서 이전, 원글 작성일시 : 2021.10.04.00:17CSS를 잘 모른다.제대로 배워야지 배워야지 하다가 여기까지 왔네..먼저 직면하게되었던 문제부터 설명Material-UI(이하 MUI)의 ImageList를 이용하여 챔피언 선택창을 만들고위의 텍스

2022년 10월 13일
·
0개의 댓글
·

[Css]flex-justify-content,align-items,align-content,align-self

주축을 기준으로 아이탬들을 어떻게 정렬할 것인지를 설정flex-direction:columjustify-content:flex-endflex-direction:rowjustify-content:centerjustify-cotent:space-between전체 컨테이너

2022년 8월 24일
·
0개의 댓글
·
post-thumbnail

Flexbox Froggy 24

두세 번만 더 써보면 완벽하게 체득될 듯ㄷㄷㄷ

2022년 8월 9일
·
0개의 댓글
·
post-thumbnail

[CSS] Grid

Grid의 row-gap, colunm-gap, grid-auto-columns, grid-auto-flow, grid-template-areas등의 속성을 다룬다.

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

HTML, CSS 되집어보기

1. sass란? CSS가 동작하기 전에 사용하는 기능인 CSS 전(예비)처리기 중 하나로 보통 CSS Preprocessor라고 부른다. Less, Sass(SCSS), Stylus 등이 있다. 선택자의 중첩(Nesting)이나 조건문, 반복문, 다양한 단위(Uni

2021년 6월 2일
·
0개의 댓글
·

CSS Grid - justify content, align content, place content

CSS Grid - justify content, align content, place content

2020년 1월 27일
·
0개의 댓글
·