# align content
Flexbox
01 Flexbox (Flexible Box Module) > flex-direction: row / column; flexbox에서 레이아웃의 방향을 결정하는 속성이다. row가 기본값이며 메인축 즉, 가로축 방향을 설정하고 왼쪽에서 오른쪽으로 item이 정렬된
[CSS] flex 레이아웃 2-11
웹 사이트의 구조를 영리하게 짤 수 있다.display를 flex로 지정하면 플렉스 방식으로 자식 요소들을 배치하게 된다.inline-flex는 해당 컨테니어 요소를 인라인으로 만든다는 차이가 있다.flex-direction의 값row(가로로 왼쪽부터)column(세로
[Let U Win] CSS Flex
네이버 블로그에서 이전, 원글 작성일시 : 2021.10.04.00:17CSS를 잘 모른다.제대로 배워야지 배워야지 하다가 여기까지 왔네..먼저 직면하게되었던 문제부터 설명Material-UI(이하 MUI)의 ImageList를 이용하여 챔피언 선택창을 만들고위의 텍스
[Css]flex-justify-content,align-items,align-content,align-self
주축을 기준으로 아이탬들을 어떻게 정렬할 것인지를 설정flex-direction:columjustify-content:flex-endflex-direction:rowjustify-content:centerjustify-cotent:space-between전체 컨테이너
[CSS] Grid
Grid의 row-gap, colunm-gap, grid-auto-columns, grid-auto-flow, grid-template-areas등의 속성을 다룬다.
[CSS] Flexbox
flex-direction, flex-wrap,justify-content align-items 같은 flex-box요소들과, flex-grow, flex-basis, align-self 같은 flex-item요소들에 대해 다룬다.
HTML, CSS 되집어보기
1. sass란? CSS가 동작하기 전에 사용하는 기능인 CSS 전(예비)처리기 중 하나로 보통 CSS Preprocessor라고 부른다. Less, Sass(SCSS), Stylus 등이 있다. 선택자의 중첩(Nesting)이나 조건문, 반복문, 다양한 단위(Uni
CSS Grid - justify content, align content, place content
CSS Grid - justify content, align content, place content