From 9ceafa746b50588a0d01649fe00376412364c780 Mon Sep 17 00:00:00 2001 From: Emil Miler Date: Tue, 10 Nov 2020 22:15:45 +0100 Subject: [PATCH] Responzivita --- sass/style.scss | 26 ++++++++++++++++++++++++-- templates/index.html | 1 + 2 files changed, 25 insertions(+), 2 deletions(-) diff --git a/sass/style.scss b/sass/style.scss index 0eb3f4b..b10e53d 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -48,7 +48,7 @@ header { display: flex; align-items: center; justify-content: space-around; - padding: 4em 0; + padding: 4em 1rem; max-width: 100em; width: 100%; @@ -75,6 +75,7 @@ main { margin-bottom: 5em; max-width: 50em; width: 100%; + padding: 1rem; h1, h2 { margin-top: 2em; @@ -87,7 +88,7 @@ main { margin-left: -50vw; background-color: #C61730; color: #fff; - padding: 4em 0; + padding: 4em 1rem; text-align: center; h1 { @@ -203,3 +204,24 @@ footer { max-width: 55em; margin: 0 auto; } + +@media screen and (max-width: 999px) { + header { + flex-direction: column; + + img { display: none; } + + nav { + width: 100%; + + ul { flex-direction: column; } + } + } + + main form { + display: flex; + flex-direction: column; + + div { margin-bottom: 2em; } + } +} diff --git a/templates/index.html b/templates/index.html index 8894dc6..970e9aa 100644 --- a/templates/index.html +++ b/templates/index.html @@ -3,6 +3,7 @@ + {{ config.title }}