반응형
body{
height:100vh;
background-color:#FE6447;
display:flex;
justify-content:center;
align-items:center;
}
<body>
<main>
</main>
</body>height:100vh; 하고 flex쓰면 된다.
반응형
'Frontend > HTML, CSS, DOM, jQuery' 카테고리의 다른 글
| padding 때문에 사이즈 width가 더 커질때 'box-sizing' 주기 (0) | 2021.12.19 |
|---|---|
| CSS) navigation(네비게이션) 아래 위치에 고정 레이아웃 (0) | 2021.12.19 |
| CSS) justify-content: space-between 해도 센터가 안 맞을떄 (0) | 2021.12.12 |
| CSS) BEM (Class 이름 네이밍 방법) (0) | 2021.12.12 |
| HTML) 주요 단축키 (0) | 2021.12.12 |