Set new media ranges

This commit is contained in:
deflax 2025-03-05 14:21:42 +00:00
parent 1d122bc4c5
commit c36a69172c

View file

@ -37,7 +37,7 @@ video {
scroll-margin-top: 60px; scroll-margin-top: 60px;
} }
@media only screen and (max-width: 619px) @media only screen and (max-width: 620px)
{ {
.gallery { .gallery {
display: grid; display: grid;
@ -46,7 +46,7 @@ video {
} }
} }
@media only screen and (min-width: 620px) and (max-width: 1199px) @media only screen and (min-width: 620px) and (max-width: 1200px)
{ {
.gallery { .gallery {
display: grid; display: grid;
@ -56,10 +56,10 @@ video {
} }
@media only screen and (min-width: 1200px) { @media only screen and (min-width: 1200px) {
.gallery { .gallery {
display: grid; display: grid;
grid-gap: 7px; grid-gap: 7px;
grid-template-columns: repeat(auto-fit, minmax(480px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));
} }
} }