자주 사용되니 잊지 말자!

div박스 이미지를 가운데 정렬하기!

background-image: url('');
background-position: center;
background-size: cover;

요소들을 가운데 정렬 후 균등하게 간격주기

display: flex; 
flex-direction: column;
align-items: center;
justify-content: center;

display: flex : 수평, 수직을 쉽게 정렬하기
flex-direction : 정렬 방향을 결정 방식 (수평, 수직)
align-items : flex 요소의 수직 방향 정렬
justify-content : flex 요소의 수평 방향 정렬