aboutsummaryrefslogtreecommitdiffhomepage
path: root/public/style.css
diff options
context:
space:
mode:
authornsfisis <nsfisis@gmail.com>2023-03-18 16:32:55 +0900
committernsfisis <nsfisis@gmail.com>2023-03-18 16:32:55 +0900
commit2308e54db43abfa5e9020bac637b5c7ac88e692e (patch)
treee0ac688277c529957edfc296798c4d2f7eadb821 /public/style.css
parent2428ea512cdbac4b86189c654814c5eeca54a704 (diff)
downloadblog.nsfisis.dev-2308e54db43abfa5e9020bac637b5c7ac88e692e.tar.gz
blog.nsfisis.dev-2308e54db43abfa5e9020bac637b5c7ac88e692e.tar.zst
blog.nsfisis.dev-2308e54db43abfa5e9020bac637b5c7ac88e692e.zip
feat(style): fix site footer at the bottom if the main text is short
Diffstat (limited to 'public/style.css')
-rw-r--r--public/style.css5
1 files changed, 5 insertions, 0 deletions
diff --git a/public/style.css b/public/style.css
index 92b99c3..f59691b 100644
--- a/public/style.css
+++ b/public/style.css
@@ -11,8 +11,12 @@ body {
color: #000;
background-color: #fff;
line-height: 1.6;
+ height: 100vh;
margin: 0;
padding: 0;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
}
@media screen and (max-width: 768px) {
@@ -32,6 +36,7 @@ header.header {
main {
max-width: 900px;
margin: 2rem auto;
+ flex-grow: 1;
}
footer {