From 2531a400d2b4d42b93fdfe97942089b97858166a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Luk=C3=A1=C5=A1?= <lukas.kanka@outlook.cz>
Date: Mon, 26 Feb 2024 17:02:12 +0100
Subject: [PATCH] =?UTF-8?q?pr=C3=A1ce=20na=20rezponsivn=C3=AD=20str=C3=A1n?=
 =?UTF-8?q?ce?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html |  2 +-
 styly.css  | 11 ++++++-----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 645f1e8..5b516e7 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
     <meta name="description" content="Blog o všem možném i nemožném...." />
     <meta name="keywords" content="Hlavní strana" />
     <meta name="author" content="Lukáš Kaňka" />
-    <link rel="shortcut icon" href="obrazky/tux" />
+    <link rel="shortcut icon" href="obrazky/tux.png" />
     <link type="text/css" rel="stylesheet" href="styly.css" />
   </head>
 
diff --git a/styly.css b/styly.css
index d82d689..dccdac3 100644
--- a/styly.css
+++ b/styly.css
@@ -28,10 +28,11 @@ body {
   /*color: white; } /* bílý text */
 }
 
-@media screen and (max-width: 600px) {
+@media (max-width: 668px) {
   body {
-    width: calc(100% - 16px);
+    /* width: calc(100% - 16px); */
     background-image: url(obrazky/white-21.jpg);
+    text-align: center;
   }
 }
 
@@ -75,7 +76,7 @@ a.tlacitko:hover {
   list-style-type: none;
 }
 
-@media screen and (max-width: 600px) {
+@media (max-width: 600px) {
   .flexbox {
     flex-direction: column;
   }
@@ -88,7 +89,7 @@ a.tlacitko:hover {
   }
 }
 
-@media screen and (max-width: 600px) {
+@media (max-width: 600px) {
   .clock {
     display: flex;
     display: none;
@@ -111,7 +112,7 @@ a.tlacitko:hover {
   padding: 10px;
 }
 
-@media screen and (max-width: 600px) {
+@media (max-width: 600px) {
   .flexbox-projekt {
     width: calc(100% - 16px);
     flex-direction: column;