css Flex

.item{
	display: flex;
	
}

css flex는 선택자에 display의 값을 flex를 줘서 선언한다.

css flex에서는 두 가지 중요한 개념이 있다.

1. flex의 속성값은 두 가지로 나뉘는데 하나는 container를 움직이는 속성 그리고 container 안에 있는 items를 움직이는 속성으로 이뤄줘있다.
2. 다른 하나는 main axis와 cross axis가 있다는 것이다.

container에는 display, flex-flow, justify-content등의 속성을 사용할 수 있고
items에는 order, flex, alingn-self를 사용할 수 있다.

container

이해가 안 되던 개념이 유튜브 드림코딩 자바스크립트 강의를 들으니 비교적 이해가 잘 간다. 몰아서 마구마구 듣다보니 요 며칠 블로그에서 정리를 거의 하지 못했다. 배울게 많아서 급해서.. 이것저것 하다보니.. 밀렸다.

할게 많아도 바로바로 복습해서 내 걸로 만들어야 하는데.. 조급하다. 차분해질 필요가 있다.