diff --git a/style.css b/style.css index 8785c45..93f00c5 100644 --- a/style.css +++ b/style.css @@ -27,4 +27,12 @@ section#home img {width: 25rem; opacity: 0.8; margin: 1rem 0 0;} div.examples {display: flex; gap: 2rem; flex-wrap: wrap; justify-content: center; margin: 2rem 0; text-align: center; font-style: italic;} div.examples > div a:first-child {display: block; margin-bottom: 0.2rem;} div.examples > div a:first-child img {max-width: 10rem; display: block; border: 1px solid #3a3731;} -div.examples > div a:first-child:hover img {transform: scale(1.05);} \ No newline at end of file +div.examples > div a:first-child:hover img {transform: scale(1.05);} + +@media only screen and (max-width: 25rem) { + body {border-width: 0.5rem;} + section {min-height: calc(100vh - 0.5rem); padding: 11rem 1.25rem 12rem;} + header {height: 12rem;} + footer {padding-bottom: 3rem;} + main::after, main::before {height: 0.5rem;} +} \ No newline at end of file