CSS에서 가장 어렵게 느껴지는 세로 가운데 정렬.......
항상 헤맸는데 팀원분이 완전 명쾌하게 알려주셨고 너무 충격받아서 이건 꼭 정리해야한다고 느꼈다.
지금 새벽 2시고 정말 피곤하지만 이건 꼭 적고 자야할 것 같아서 TIL 쓰게 됐다.
display: flex;
justify-content: center;
align-items: center;
display: flex;
align-items: center;
위와 같이 추가해주면 마법같이 세로 가운데 정렬이 된다😂
flex 사용하는 방법은 구글링해서 자주 봤었는데 항상 이해가 안갔다.
근데 팀원분 설명에 단번에 이해했다. 감사합니다 정말ㅠㅠ
justify-content: center;
: 가로 균등하게 만들어줌align-items: center;
: 세로 가운데 정렬