diff --git a/style/ahmet.css b/style/ahmet.css index d62c223..3105f77 100644 --- a/style/ahmet.css +++ b/style/ahmet.css @@ -1,4 +1,3 @@ -/* Specific button for Ahmet Museum */ #ahmet-btn { background-color: aliceblue; color: #153dee; @@ -13,20 +12,19 @@ box-shadow: 0 0 10px #02e3ff; } -/* The Grid Container */ #ahmet-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); - gap: 15px; /* Slightly bigger gap looks better with smaller photos */ - padding: 70px; + gap: 10px; + padding: 70px; + justify-items: center; } -/* The Images - RESIZED */ #ahmet-container img { width: 100%; - max-width: 250px; /* This is where the magic happens! */ + max-width: 250px; height: auto; border-radius: 8px; object-fit: cover; - margin: 0 auto; /* Centers the image in its grid cell */ + display: block; } \ No newline at end of file