# justify content

joahkim

js빈에 작성하기 JS Bin 1 2 3 css .outter { width: 350px; height: 350px; background-color: green; display: flex; justify-conten

hongwr

수직 정렬을 할 때 쓴다.hover는 마우스를 올렸을 때 다른 동작을 하도록 만드는 것이다.그냥 hover를 쓰는 것은 문제가 없으나, 호버 해당 부위를 설정할 때는 이런 식으로 써야한다.여기서 자세히 보기https://studiomeal.com/archive

uhye

단일 축을 이용하여 요소를 배치하는 flex 속성 알아보기

dnjswn123

flex 컨테이너 요소들에 대해 간략하게 정리

yoojinpark

11/8 다시 시작된 월요일 오늘은 아침부터 비가 엄청 쏟아지고 있다. 비소리에 놀라깼지만 사실은 어제밤부터 flex에 대한 개념이 흐릿해서 그 생각에 잠이 깼다. 수업듣기 전에 flex 좀 살펴보고 들어가야 겠다. 1. flex 📗 flex 이전의 이야기... f

cptkuk91

Flexbox를 원하는대로 제어하기 위해서는 axis(축)을 잘 이해해야 합니다.axis(축)은 main axis와 cross axis가 있습니다.main axis는 flex-direction 속성에 의해 결정됩니다.flex-direction의 기본 값(row) 상태

xodud3008

클래스 이름과 구현을 1:1로 일치시켜 아주 작은 단위로 CSS를 작성하는 기법기본 스타일링 제거하는 CSS 코드방향: flex-directionrow(기본값)column얼마나 늘릴 것인가: flex-grow얼마만큼의 크기를 갖는가: flex-basis수평 정렬: ju

songjy377

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

songjy377

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

zwon111

flex 라는 display 속성: css 의 flex 는 엘리먼트들의 크기나 위치를 쉽게 잡아주는 도구이다.flex 를 사용하기 위해서는 컨테이너 태그에 display: flex 속성을 부여해야한다.(flex-direction: row; 을 사용하여 정렬방법을 세로로

qkrcndtlr123

CSS Grid - justify content, align content, place content

qkrcndtlr123

CSS Flexible Box 알아보기