Style for images.php

2026-05-01 08:55:52 +02:00 · 2026-05-01 08:55:52 +02:00 · 5a3cc19949
commit 5a3cc19949
parent 85a042e783
1 changed files with 32 additions and 0 deletions
--- 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