From 777aa291803b642da0f6893a698c3acd4849e1c8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Luk=C3=A1=C5=A1=20Ka=C5=88ka?= Date: Thu, 11 Jan 2024 21:10:33 +0100 Subject: [PATCH] =?UTF-8?q?Responsivn=C3=AD=20web=20oprava?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 66 ++++++++++++++++++++++++++++-------------------------- style.css | 20 +++++++++++------ 2 files changed, 47 insertions(+), 39 deletions(-) diff --git a/index.html b/index.html index 06bd3dd..119a6c7 100644 --- a/index.html +++ b/index.html @@ -39,39 +39,39 @@
+
@@ -101,6 +101,8 @@ nebo uděláte dle tohoto webu tak jen na Vaši zodpovědnost.

+ +
diff --git a/style.css b/style.css index 53b30a2..d65d08d 100644 --- a/style.css +++ b/style.css @@ -24,8 +24,14 @@ body { display: inline-block; width: 200px; height: 20px; - position: static; - text-align: center; + /* position: static; + text-align: center; */ +} + +@media screen and (max-width: 600px) { + .menu { + text-align: center; + } } .flexbox { @@ -53,7 +59,8 @@ body { /* ˇPořadí zobrazení */ .navigation { order: -1; - flex-direction: column; + /* flex-direction: column; */ + align-self: center; } /* škrývání */ @@ -62,10 +69,9 @@ body { } */ /* roletka posuvník */ - .dropdown-content { - overflow: auto; - max-height: 100px; /* or any other value */ - } + /* .dropdown-content { + overflow: auto; */ + /* max-height: 100px; or any other value */ .content { order: 1;