HTML,CSS를 처음 배울 때 가장 애먹었던 부분
바로 가운데 배치...
이렇게 화면 정가운데에 배치하고 싶다...
이럴땐 Flexbox를 활용하자
1.body에 display:Flex 사용
2.justify-content:center (main-axis:주축)
3.align-items:center (cross-axis:교차축)
4.body의 height를 100vh(viewport height)로 줘야함★
이렇게 body태그에 css를 주면 body태그 내부의 모든 요소들이 화면 가운데로 배치가 된다.
Quadrilingual Programmer