From d2a7b5bf77278d14caa4671f40fedf56056628a9 Mon Sep 17 00:00:00 2001
From: Adam Sramek <alienmtf7039@gmail.com>
Date: Sun, 21 Apr 2024 19:14:17 +0200
Subject: [PATCH] update

---
 Global/Global.css       | 14 ++++++++++++--
 stranky/COD.html        |  4 ++--
 stranky/Minecraft.html  |  4 ++--
 stranky/SCP.html        |  4 ++--
 stranky/Skyrim.html     |  4 ++--
 stranky/Subnautica.html |  4 ++--
 stranky/Titanfall.html  |  4 ++--
 stranky/Witcher3.html   |  8 ++++++--
 stranky/index.html      |  2 +-
 styly/COD.css           |  2 +-
 styly/Hry.css           |  2 +-
 styly/Minecraft.css     |  2 +-
 styly/SCP.css           |  2 +-
 styly/Subnautica.css    |  2 +-
 styly/Titanfall.css     |  2 +-
 styly/Witcher3.css      |  2 +-
 styly/index.css         |  4 ++++
 17 files changed, 42 insertions(+), 24 deletions(-)

diff --git a/Global/Global.css b/Global/Global.css
index 125812c..7010db4 100644
--- a/Global/Global.css
+++ b/Global/Global.css
@@ -15,6 +15,11 @@ html, body {
     background-size: cover;
 }
 
+body {
+    display: flex;
+    flex-direction: column;
+}
+
 li {
     list-style: none;
 }
@@ -54,7 +59,7 @@ header {
     gap: 2rem;
 }
 
-.navbar #toggle-btn {
+.navbar #toggle_btn {
     display: none;
     color: #fff;
     font-size: 1.5rem;
@@ -128,7 +133,7 @@ section#hero {
 /* RESPONSIVE DESIGN */
 @media(max-width: 992px) {
 
-    .navbar #toggle-btn {
+    .navbar #toggle_btn {
         display: block;
     }
 
@@ -162,6 +167,7 @@ footer {
     color: #fff;
     padding: 20px 0;
     text-align: left;
+    width: 100%;
 }
 
 .footer-content {
@@ -261,6 +267,10 @@ main {
     width: 80%;
     left: 10%;
     position: relative;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    flex-grow: 1;
 }
 
 
diff --git a/stranky/COD.html b/stranky/COD.html
index e3ce737..9a8a9e0 100644
--- a/stranky/COD.html
+++ b/stranky/COD.html
@@ -26,7 +26,7 @@
     </article>
 
     <!-- Placeholder for Image -->
-    <img src="mw3_image1.jpg" alt="Call of Duty: Modern Warfare 3 Screenshot">
+    <img src="https://www.callofduty.com/content/dam/atvi/callofduty/cod-touchui/mw3/home/modes/top-features-img.png" alt="Call of Duty: Modern Warfare 3 Screenshot">
 
     <article>
         <h2>Ohlasy</h2>
@@ -38,5 +38,5 @@
     </article>
 
     <!-- Placeholder for Image -->
-    <img src="mw3_image2.jpg" alt="Call of Duty: Modern Warfare 3 Screenshot">
+    <img src="https://www.callofduty.com/content/dam/atvi/callofduty/cod-touchui/blog/intel-cards/mwiii/MWIII-CAMPAIGN-HOWTOPLAY-INTELCARD-001_Mobile.png" alt="Call of Duty: Modern Warfare 3 Screenshot">
 </div>
\ No newline at end of file
diff --git a/stranky/Minecraft.html b/stranky/Minecraft.html
index 04bda2f..91a6d09 100644
--- a/stranky/Minecraft.html
+++ b/stranky/Minecraft.html
@@ -26,7 +26,7 @@
     </article>
 
     <!-- Placeholder for Image -->
-    <img src="minecraft_image1.jpg" alt="Minecraft Screenshot">
+    <img src="https://static.planetminecraft.com/files/image/minecraft/project/2020/788/13631805_xl.webp" alt="Minecraft Screenshot">
 
     <article>
         <h2>Ohlasy</h2>
@@ -37,5 +37,5 @@
     </article>
 
     <!-- Placeholder for Image -->
-    <img src="minecraft_image2.jpg" alt="Minecraft Screenshot">
+    <img src="https://ftw.usatoday.com/wp-content/uploads/sites/90/2022/05/Minecraft-attacking-a-SkeletoN.jpg" alt="Minecraft Screenshot">
 </div>
\ No newline at end of file
diff --git a/stranky/SCP.html b/stranky/SCP.html
index 7911dc0..ccce6e9 100644
--- a/stranky/SCP.html
+++ b/stranky/SCP.html
@@ -25,7 +25,7 @@
     </article>
 
     <!-- Placeholder for Image -->
-    <img src="scp_secret_lab_image1.jpg" alt="SCP: Secret Laboratory Screenshot">
+    <img src="https://pbs.twimg.com/media/FefXJhuX0AslilS.jpg:large" alt="SCP: Secret Laboratory Screenshot">
 
     <article>
         <h2>Ohlasy</h2>
@@ -36,5 +36,5 @@
     </article>
 
     <!-- Placeholder for Image -->
-    <img src="scp_secret_lab_image2.jpg" alt="SCP: Secret Laboratory Screenshot">
+    <img src="https://pbs.twimg.com/media/Fr23CZMWcAITl3a.jpg:large" alt="SCP: Secret Laboratory Screenshot">
 </div>
\ No newline at end of file
diff --git a/stranky/Skyrim.html b/stranky/Skyrim.html
index 7b10df6..fa4e6e2 100644
--- a/stranky/Skyrim.html
+++ b/stranky/Skyrim.html
@@ -28,7 +28,7 @@
     </article>
 
     <!-- Placeholder for Image -->
-    <img src="skyrim_image1.jpg" alt="Skyrim Screenshot">
+    <img src="https://i.guim.co.uk/img/media/c15da9438dd16a3563e80b799f65554295b81769/40_0_1200_720/master/1200.jpg?width=1200&quality=85&auto=format&fit=max&s=325a929c44a1bd1a21b98f0f5ed31f9e" alt="Skyrim Screenshot">
 
     <article>
         <h2>Ohlasy</h2>
@@ -40,5 +40,5 @@
     </article>
 
     <!-- Placeholder for Image -->
-    <img src="skyrim_image2.jpg" alt="Skyrim Screenshot">
+    <img src="https://images.saymedia-content.com/.image/ar_4:3%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cq_auto:eco%2Cw_1200/MTg1ODkyNDE1NzYzMTMwMDUx/elder-scrolls-v-skyrim-overpowered-knight-build-guide.jpg" alt="Skyrim Screenshot">
 </div>
\ No newline at end of file
diff --git a/stranky/Subnautica.html b/stranky/Subnautica.html
index c3e2cd4..803214a 100644
--- a/stranky/Subnautica.html
+++ b/stranky/Subnautica.html
@@ -27,7 +27,7 @@
     </article>
 
     <!-- Placeholder for Image -->
-    <img src="subnautica_image1.jpg" alt="Subnautica Screenshot">
+    <img src="https://img.etimg.com/thumb/width-1600,height-900,imgsize-9352,resizemode-75,msid-96253066/news/international/us/subnautica-2-0-version-borrowed-features-from-below-zero-and-resolves-over-800-bugs.jpg" alt="Subnautica Screenshot">
 
     <article>
         <h2>Ohlasy</h2>
@@ -39,5 +39,5 @@
     </article>
 
     <!-- Placeholder for Image -->
-    <img src="subnautica_image2.jpg" alt="Subnautica Screenshot">
+    <img src="https://cdn.mos.cms.futurecdn.net/zzjRSEWk7VhtBTqeTrZs8k-1200-80.jpg" alt="Subnautica Screenshot">
 </div>
\ No newline at end of file
diff --git a/stranky/Titanfall.html b/stranky/Titanfall.html
index b433390..6e3ec96 100644
--- a/stranky/Titanfall.html
+++ b/stranky/Titanfall.html
@@ -28,7 +28,7 @@
     </article>
 
     <!-- Placeholder for Image -->
-    <img src="titanfall2_image1.jpg" alt="Titanfall 2 Screenshot">
+    <img src="https://assetsio.gnwcdn.com/Titanfall-2-Monarch.jpg?width=1200&height=630&fit=crop&enable=upscale&auto=webp" alt="Titanfall 2 Screenshot">
 
     <article>
         <h2>Ohlasy</h2>
@@ -40,5 +40,5 @@
     </article>
 
     <!-- Placeholder for Image -->
-    <img src="titanfall2_image2.jpg" alt="Titanfall 2 Screenshot">
+    <img src="https://m.media-amazon.com/images/I/91gPnR90n9L._AC_UF1000,1000_QL80_.jpg" alt="Titanfall 2 Screenshot">
 </div>
\ No newline at end of file
diff --git a/stranky/Witcher3.html b/stranky/Witcher3.html
index 6e81f1b..2ee622b 100644
--- a/stranky/Witcher3.html
+++ b/stranky/Witcher3.html
@@ -2,8 +2,9 @@
     <h1>Zaklínač 3</h1>
         <section id="story">
     <h2>Príbeh</h2>
-    <p>Zaklínač 3: Divoký hon sleduje príbeh Geralta z Rivie, lovca príšer, ktorý pátra po svojich nezvestných.
-        adoptívna dcéra Ciri, ktorú prenasleduje Divoký hon, skupina bojovníkov z iného sveta.</p>
+        <p>Zaklínač 3: Divoký hon sleduje príbeh Geralta z Rivie, lovca príšer, ktorý pátra po svojich nezvestných.
+            adoptívna dcéra Ciri, ktorú prenasleduje Divoký hon, skupina bojovníkov z iného sveta.
+        </p>
         </section>
 
         <section id="characters">
@@ -19,6 +20,9 @@
             rozsiahly otvorený svet a urobte rozhodnutia, ktoré ovplyvnia výsledok príbehu.</p>
         </section>
 
+        <img src="https://i.ytimg.com/vi/xx8kQ4s5hCY/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLBxrLxUXsICGUEE-47vV0TKtl0FiA" width="400">
+        <img src="https://www.games.ch/img/the-witcher-3-wild-h.1003.564.hajac.1.jpg" width="400">
+
         <section id="Visuals">
             <h2>Vizuály</h2>
             <p>Zaklínač 3 je známy pre svoje ohromujúce vizuálne prvky s detailnými modelmi postáv, sviežim prostredím a
diff --git a/stranky/index.html b/stranky/index.html
index 1170a7f..d83d07c 100644
--- a/stranky/index.html
+++ b/stranky/index.html
@@ -5,7 +5,7 @@
     <h2 id="Úvod">Úvod</h2>
     <p>V GameHub sme nadšení z hrania. Či už ste hardcore hráč, príležitostný hráč alebo len zvedavý na svet videohier, ste na správnom mieste. Naším poslaním je poskytovať vám najnovšie správy, hĺbkové recenzie, užitočné funkcie a všetko ostatné, čo potrebujete, aby ste zostali informovaní a bavili sa</p>
 </section>
-<section>
+<section id="gamesection">
     <h2 id="Top_Hry">Top Hry</h2>
         <div class="game">
             <h3>1. Witcher 3</h3>
diff --git a/styly/COD.css b/styly/COD.css
index 9b30f16..125a22a 100644
--- a/styly/COD.css
+++ b/styly/COD.css
@@ -18,6 +18,6 @@ img {
     display: block;
     margin: 0 auto;
     max-width: 100%;
-    height: auto;
+    height: 400px;
     border-radius: 10px;
 }
\ No newline at end of file
diff --git a/styly/Hry.css b/styly/Hry.css
index 407801f..b538912 100644
--- a/styly/Hry.css
+++ b/styly/Hry.css
@@ -27,6 +27,6 @@ img {
     display: block;
     margin: 0 auto;
     max-width: 100%;
-    height: auto;
+    height: 600;
     border-radius: 10px;
 }
\ No newline at end of file
diff --git a/styly/Minecraft.css b/styly/Minecraft.css
index 51a0b57..2d6b62b 100644
--- a/styly/Minecraft.css
+++ b/styly/Minecraft.css
@@ -17,6 +17,6 @@ img {
     display: block;
     margin: 0 auto;
     max-width: 100%;
-    height: auto;
+    height: 400;
     border-radius: 10px;
 }
\ No newline at end of file
diff --git a/styly/SCP.css b/styly/SCP.css
index 9b96623..a86dfe5 100644
--- a/styly/SCP.css
+++ b/styly/SCP.css
@@ -17,6 +17,6 @@ img {
     display: block;
     margin: 0 auto;
     max-width: 100%;
-    height: auto;
+    height: 400;
     border-radius: 10px;
 }
\ No newline at end of file
diff --git a/styly/Subnautica.css b/styly/Subnautica.css
index 5389cce..1b9f83a 100644
--- a/styly/Subnautica.css
+++ b/styly/Subnautica.css
@@ -17,6 +17,6 @@ img {
     display: block;
     margin: 0 auto;
     max-width: 100%;
-    height: auto;
+    height: 400;
     border-radius: 10px;
 }
\ No newline at end of file
diff --git a/styly/Titanfall.css b/styly/Titanfall.css
index c853e1a..3dbb0c8 100644
--- a/styly/Titanfall.css
+++ b/styly/Titanfall.css
@@ -18,6 +18,6 @@ img {
     display: block;
     margin: 0 auto;
     max-width: 100%;
-    height: auto;
+    height: 400;
     border-radius: 10px;
 }
\ No newline at end of file
diff --git a/styly/Witcher3.css b/styly/Witcher3.css
index de20be3..2bf924b 100644
--- a/styly/Witcher3.css
+++ b/styly/Witcher3.css
@@ -17,6 +17,6 @@ img {
     display: block;
     margin: 0 auto;
     max-width: 100%;
-    height: auto;
+    height: 400;
     border-radius: 10px;
 }
\ No newline at end of file
diff --git a/styly/index.css b/styly/index.css
index 2abea70..c3586e2 100644
--- a/styly/index.css
+++ b/styly/index.css
@@ -5,4 +5,8 @@ html, body {
 .Top_Hry {
     text-align: center;
     align-items: center;
+}
+
+#gamesection {
+    text-align: center;
 }
\ No newline at end of file