26 lines
376 B
CSS
26 lines
376 B
CSS
.gallery {
|
|
padding: calc(0.7862rem / 2);
|
|
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.gallery-item picture {
|
|
margin: calc(0.7862rem / 2);
|
|
|
|
display: block;
|
|
}
|
|
|
|
.gallery-item img {
|
|
display: block;
|
|
height: 280px; /* 320px is native size */
|
|
width: auto;
|
|
}
|
|
|
|
@media screen and (max-width: 900px) {
|
|
.gallery-item img {
|
|
height: 160px; /* 160px is native size */
|
|
width: auto;
|
|
}
|
|
}
|