css flex 사용방법정리

flex 요소 ?

• flex layout은 요소들이 포함된 큰박스에 flex를 선언
• 안에 있는 요소들에게 유연하게 배치하는 속성들을 부여하여 레이아웃을 잡는것!

See the Pen Untitled by getgrovy (@getgrovy) on CodePen.

 

참고사항 ! 

flex 유형은 부모의 자식에만 사용할 수 있고 부모의 자식의 자식에는 사용할 수 없습니다.

  display: flex;
  flex-wrap: wrap;
  // flex 타입으로 설정하며 유연하게 레이아웃설정