From 116565dc9452f4c4fdd39d89771f34952bbdbe18 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ferit=20Yi=C4=9Fit=20BALABAN?= <fyb@duck.com>
Date: Wed, 27 Jul 2022 17:28:40 +0300
Subject: [PATCH] Place images in containers to cut off overflows

---
 galeri.html | 86 ++++++++++++++++++++++++++---------------------------
 1 file changed, 43 insertions(+), 43 deletions(-)

diff --git a/galeri.html b/galeri.html
index 3923568..00212a8 100644
--- a/galeri.html
+++ b/galeri.html
@@ -53,49 +53,49 @@
 <div id="container">
     <main id="content">
         <section class="gallery content-spacing">
-            <img class="photo" src="resources/img/galeri/0384.JPG" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/0400.JPG" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/0401.JPG" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/0403.jpg" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/0408.jpg" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/0412.jpg" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/0414.jpg" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/0416.jpg" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/0419.jpg" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/0420.JPG" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/0422.JPG" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/0423.JPG" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/0423.jpg" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/0424.jpg" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/0426.jpg" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/0429.jpg" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/0436.JPG" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/0438.jpg" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/0863.jpg" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/0866.JPG" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/0872.jpg" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/1696.jpg" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/1702.JPG" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/1705.jpg" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/1706.jpg" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/1724.jpg" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/7815.jpg" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/7829.jpg" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/7834.jpg" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/7840.JPG" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/7843.jpg" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/7850.jpg" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/7851.JPG" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/7880.JPG" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/7881.jpg" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/7891.jpg" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/7893.jpg" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/7894.jpg" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/7900.jpg" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/7925.jpg" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/9761.jpg" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/9810.jpg" alt="Fotoğraf" loading="lazy">
-            <img class="photo" src="resources/img/galeri/9820.jpg" alt="Fotoğraf" loading="lazy">
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/0384.JPG" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/0400.JPG" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/0401.JPG" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/0403.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/0408.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/0412.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/0414.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/0416.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/0419.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/0420.JPG" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/0422.JPG" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/0423.JPG" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/0423.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/0424.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/0426.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/0429.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/0436.JPG" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/0438.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/0863.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/0866.JPG" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/0872.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/1696.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/1702.JPG" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/1705.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/1706.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/1724.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/7815.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/7829.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/7834.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/7840.JPG" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/7843.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/7850.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/7851.JPG" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/7880.JPG" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/7881.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/7891.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/7893.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/7894.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/7900.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/7925.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/9761.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/9810.jpg" alt="Fotoğraf" loading="lazy"></div>
+            <div class="photo-container"><img class="photo" src="resources/img/galeri/9820.jpg" alt="Fotoğraf" loading="lazy"></div>
         </section>
     </main>
     <button id="scroll-to-top" onclick="scrollToTop()"><img src="resources/img/scroll-to-top.svg" alt="Scroll to top"></button>