From 5a3cc1994951b2c940d96b2149d4cb0fdd7197ad Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Anna-Sara=20S=C3=A9lea?= <anna-sara@qualitythink.se>
Date: Fri, 1 May 2026 08:55:52 +0200
Subject: [PATCH] Style for images.php

---
 images.php | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)
diff --git a/images.php b/images.php
index dc8af8e..e614508 100644
--- a/images.php
+++ b/images.php
@@ -4,6 +4,38 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="stylesheet" href="css/style.css">
     </head>
+    <style>
+        .gallery-container {
+            max-width: 1920px;
+            margin: 0 auto;
+            display: grid;
+            grid-template-columns: repeat(2, minmax(250px, 1fr));
+            gap: 15px;
+            padding: 20px;
+            grid-template-rows: 300px;
+
+            @media screen and (min-width: 1440px) {
+                grid-template-columns: repeat(4, minmax(250px, 1fr));
+            }
+
+        }
+        .gallery-item {
+            height: 300px;
+            width: auto;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+            p {
+                height: 10%;
+            }
+            img {
+                width: 100%;
+                height: 90%;
+                object-fit: contain;
+            }
+        }
+    </style>
     <body>
         <div class="gallery-container">
             <?php 
