display:flex
-좌우 정렬-
justify-content : center ( 가운데 정렬)
그 외 속성 : flex-start , flex-end , space-around , space-between
-상하배치-
flex-direction: column (세로 정렬) row (가로 정렬)
flex-wrap:wrap (요소 크기가 크면 밑으로 보냄)
-상하 가운데 정렬-
align-items : center
-배수 해당 배수 지정-
flex-gorw : 2 해당 박스를 2배로 지정합니다
step by step