다른 거 다 하고 박스 중앙으로 옮기는 것만 남기고display:flex; 에 justify-content：center, align-items:center;까지 했다.
메인 축은 중앙으로 움직였는데 교차축은 변함이 없었다.
body에 height(단위는 vh:viewport height) 를 주지 않았서 align-items를 설정해도 변함이 없는거였다...!
프론트엔드 개발자를 목표로 하는 코딩 새싹
다른 거 다 하고 박스 중앙으로 옮기는 것만 남기고display:flex; 에 justify-content：center, align-items:center;까지 했다.
메인 축은 중앙으로 움직였는데 교차축은 변함이 없었다.
body에 height(단위는 vh:viewport height) 를 주지 않았서 align-items를 설정해도 변함이 없는거였다...!