Set media query ranges
This commit is contained in:
parent
59423ecb73
commit
1d122bc4c5
1 changed files with 3 additions and 3 deletions
|
@ -37,16 +37,16 @@ video {
|
||||||
scroll-margin-top: 60px;
|
scroll-margin-top: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 600px)
|
@media only screen and (max-width: 619px)
|
||||||
{
|
{
|
||||||
.gallery {
|
.gallery {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-gap: 3px;
|
grid-gap: 3px;
|
||||||
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
|
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 600px)
|
@media only screen and (min-width: 620px) and (max-width: 1199px)
|
||||||
{
|
{
|
||||||
.gallery {
|
.gallery {
|
||||||
display: grid;
|
display: grid;
|
||||||
|
|
Loading…
Add table
Reference in a new issue