japanese sentences: change grid columns

This commit is contained in:
Ren Tatsumoto 2022-12-25 09:52:45 +03:00
parent 3a7cc63ebb
commit f9ef496c12

View file

@ -310,28 +310,26 @@ footer>a:not(:last-child)::after {
gap: 5px;
grid-auto-columns: minmax(100px, 1fr);
grid-auto-rows: minmax(100px, auto);
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.images br,
.images>* {
.images> :not(img) {
display: none;
visibility: hidden;
}
.images img {
display: block;
border-radius: 4px;
filter: sepia(33%);
max-width: 100%;
max-height: 95vh;
width: 100%;
object-fit: contain;
}
.images img:nth-child(3n+1) {
grid-column: 1;
}
.images img:nth-child(3n+2) {
grid-column: 2;
}
.images img:nth-child(3n+3) {
grid-column: 3;
.images img:only-of-type {
width: auto;
}
/* Images on front, toggled by JavaScript if "imageonfront" tag is set. */