CSS 메모

내부 아이템들을 세로로, 중앙정렬 해서 하나씩 쌓기

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

 

CSS로 이미지 넣기

background-image: url(../img/spr_bi.png);

 

중앙 정렬(가로 세로)

justify-content: center;
align-items: center;

 

justify-content: center는 가로축 기준 정렬

설명하자면 위아래로 거리가 같게 정렬

 

align-items: center는 세로축 기준 정렬

좌우로 거리가 같게 정렬