css 가로세로 중앙정렬 (Login Form)

개발/css 2021. 11. 8. 02:51

728x90

도움 될만한 영상

height : 100vh를 줬는데 % 는 부모를 기준으로 100%를 먹겠다는 건데

vh는 상관없이 전체(<html>)100%를 차지하겠다는 의미

정상적으로 가로세로 중앙 정렬이 됨

로그인 폼도 만들어볼게요

굳이 container를 만든 이유는 body에 먹여버리면 다른 애들도 중앙 정렬이 됨 만드는 게 좋아요

borderbox를 가로세로 중앙 정렬을 시켜주고

input h1 싹 다 보기 좋게 가운데 정렬시켜주고 색을 입혀 보면 이런 느낌

input 하고 h1애들도 이쁘게 만들어준답시고 만들었는데

역시 디자인은 재능의 영역인 거 같아요

색 정하는 게 너무 짜증 나서 그냥 올 블랙으로 만들었어요

저거 짜는데 10분 걸렸는데 색 이거 저거 넣어보면서 20분 날림

728x90