reformat gallery css
This commit is contained in:
parent
c031e46d9f
commit
c223c3ddab
1 changed files with 12 additions and 12 deletions
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue