diff --git a/assets/css/custom.css b/assets/css/custom.css index d148c32..6b44ea0 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -276,40 +276,6 @@ blockquote.alert::before{ background-color: var(--bkg-color) !important; } -/* Photo gallery styles */ -.photo-gallery { - display: flex; - flex-direction: column; -} - -.gallery-row { - display: flex; - flex-wrap: nowrap; - justify-content: flex-start; -} - -.gallery-row img { - width: 100%; - flex-shrink: 1; - height: auto; - transition: transform 0.3s ease; - margin: 0; -} - -.gallery-row img:hover { - transform: scale(1.3); -} - -/* Default styling for images when not using the new pattern */ -.photo-gallery > img { - margin: 0; - border-radius: 4px; - width: 100%; - max-width: 800px; - height: auto; - transition: transform 0.3s ease; -} - .images-grid-2 { display: grid; grid-template-columns: 1fr 1fr; @@ -336,4 +302,14 @@ blockquote.alert::before{ background-color: #0085ff; color: white; text-decoration: none; +} + +.photo-gallery { + display: grid; + grid-template-columns: repeat(3, auto); + a{ + img{ + margin-bottom: 0; + } + } } \ No newline at end of file