diff --git a/lib/public/style.css b/lib/public/style.css index fea86b2..b7533b6 100644 --- a/lib/public/style.css +++ b/lib/public/style.css @@ -1,9 +1,24 @@ +@media screen and (max-width: 500px) { + h1 { + font-size: 1.6rem; + margin: 0; + } +} + +@media screen and (max-width: 320px) { + h1 { + font-size: 1.1rem; + margin: 0; + } +} + body { display: flex; flex-direction: column; min-height: 100vh; font-size: 16px; margin: 0px; + max-width: 800px; } header, footer, article { @@ -11,10 +26,6 @@ header, footer, article { } footer { - position: absolute; - bottom: 0; - left: 0; - right: 0; background-color: #fff; } @@ -31,7 +42,7 @@ p, input, table, button, label { } .list-wrapper { - max-height: 500px; + max-height: 50vh; overflow: auto; }