From 143e1fea8449c73ff5f9d0926292d0f5879767ad Mon Sep 17 00:00:00 2001
From: Simon Catanese <simoncatanese.pro@gmail.com>
Date: Fri, 6 Jan 2023 12:29:10 +0100
Subject: [PATCH] YAYAYA

---
 css/index.css |  5 +++--
 index.php     | 22 ++++++++++++----------
 2 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/css/index.css b/css/index.css
index 55bade6..8546b85 100755
--- a/css/index.css
+++ b/css/index.css
@@ -40,8 +40,8 @@
   
   /* Create deux equal columns that sits next to each other */
   .column {
-    flex: 50%;
-    max-width: 50%;
+    flex: 33%;
+    max-width: 33%;
     padding: 0 4px;
   }
   
@@ -49,6 +49,7 @@
     margin-top: 8px;
     vertical-align: middle;
     width: 100%;
+    height: auto;
   }
   
   /* Responsive layout - makes a two column-layout instead of four columns */
diff --git a/index.php b/index.php
index 47be66d..e840348 100755
--- a/index.php
+++ b/index.php
@@ -38,15 +38,6 @@
                             <div class="memeContainer">
                                 <img src="img/meme/matrix.jpg" class=meme height="500vw" width="500vw">
                             </div>
-                            <div class="memeContainer">
-                                <img src="img/meme/megamindSoda.jpg" class=meme height="500vw" width="500vw">
-                            </div>
-                            <div class="memeContainer">
-                                <img src="img/meme/mort.jpg" class=meme height="500vw" width="500vw">
-                            </div>
-                            <div class="memeContainer">
-                                <img src="img/meme/shitting.jpg" class=meme height="500vw" width="500vw">
-                            </div>
                         </div>
                         <div class="column">
                             <div class="memeContainer">
@@ -61,13 +52,24 @@
                             <div class="memeContainer">
                                 <img src="img/meme/toiletramel.jpg" class=meme alt="" height="500vw" width="500vw">
                             </div>
+                            <div class="memeContainer">
+                                <img src="img/meme/megamindSoda.jpg" class=meme height="500vw" width="500vw">
+                            </div>
+                        </div>                      
+                        <div class="column">
                             <div class="memeContainer">
                                 <img src="img/meme/uno.jpg" class=meme height="500vw" width="500vw">
                             </div>
                             <div class="memeContainer">
                                 <img src="img/meme/sodabaguette.png" class=meme height="500vw" width="500vw">
                             </div>
-                        </div>                      
+                            <div class="memeContainer">
+                                <img src="img/meme/mort.jpg" class=meme height="500vw" width="500vw">
+                            </div>
+                            <div class="memeContainer">
+                                <img src="img/meme/shitting.jpg" class=meme height="500vw" width="500vw">
+                            </div>
+                        </div>
                     </div>
                 </section>
             </div>