ahmet positioning

This commit is contained in:
esef committed 2025-12-28 15:41:04 +03:00
1 parent d1eaf62ff0
commit d28c104eb4
1 file changed
+5 -7
+5 -7
View File
@@ -1,4 +1,3 @@
/* Specific button for Ahmet Museum */
#ahmet-btn { #ahmet-btn {
background-color: aliceblue; background-color: aliceblue;
color: #153dee; color: #153dee;
@@ -13,20 +12,19 @@
box-shadow: 0 0 10px #02e3ff; box-shadow: 0 0 10px #02e3ff;
} }
/* The Grid Container */
#ahmet-container { #ahmet-container {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 15px; /* Slightly bigger gap looks better with smaller photos */ gap: 10px;
padding: 70px; padding: 70px;
justify-items: center;
} }
/* The Images - RESIZED */
#ahmet-container img { #ahmet-container img {
width: 100%; width: 100%;
max-width: 250px; /* This is where the magic happens! */ max-width: 250px;
height: auto; height: auto;
border-radius: 8px; border-radius: 8px;
object-fit: cover; object-fit: cover;
margin: 0 auto; /* Centers the image in its grid cell */ display: block;
} }