From a5ade15fb4a6d121eea06e24ccd8072e11a78b95 Mon Sep 17 00:00:00 2001 From: Emil Miler Date: Sun, 16 May 2021 00:07:04 +0200 Subject: [PATCH] =?UTF-8?q?Z=C3=A1kladn=C3=AD=20responzivita?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 28 ++++++++++++++++++++++++---- 1 file changed, 24 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index cea5ecd..2675e3e 100644 --- a/index.html +++ b/index.html @@ -40,6 +40,7 @@ background-repeat: no-repeat; background-size: auto 70%; text-align: center; + padding: 0 1em; } header h1 { font-size: 4em; @@ -47,10 +48,17 @@ } header p { font-size: 1.5em } - nav { margin: 4rem auto } - nav ul { display: flex } + nav { + margin: 4rem auto; + font-size: 1.2rem; + } + nav ul { + display: flex; + flex-wrap: wrap; + } nav ul li a { - margin: 0 .25em; + display: block; + margin: .25em; padding: .5em .8em; border: 1px solid #000; border-radius: .5em; @@ -68,6 +76,7 @@ max-width: 60rem; margin: 0 auto; margin-bottom: 10rem; + padding: 0 1em; line-height: 1.5; } main h2 { margin-top: 5rem; padding-top: 5rem; } @@ -87,6 +96,17 @@ margin-right: .85em; margin-top: .25em; } + + @media only screen and (max-width: 1000px) { + nav { + max-width: 20em; + width: 90%; + } + nav ul { + flex-direction: column; + align-items: stretch; + } + } @@ -103,7 +123,7 @@
  • Vstup na fakultu
  • Provoz budov
  • Testování
    • -
  • Ubytování na koleji
    • +
  • Ubytování