reformat gallery css

This commit is contained in:
deflax 2024-01-19 20:35:45 +02:00
parent c031e46d9f
commit c223c3ddab

View file

@ -21,15 +21,15 @@
.gallery-item { .gallery-item {
flex: 0 1 calc(25% - 20px); flex: 0 1 calc(25% - 20px);
margin: 0px; margin: 10px; /* Added margin between items */
overflow: hidden; overflow: hidden;
position: relative; position: relative;
cursor: pointer; cursor: pointer;
box-sizing: border-box; /* Include padding and border in the element's total width and height */
} }
.gallery-item img { .gallery-item img {
max-height: 480px; max-width: 100%; /* Ensure images don't exceed the width of their container */
width: 100%;
height: auto; height: auto;
display: block; display: block;
} }