Set new media ranges
This commit is contained in:
parent
1d122bc4c5
commit
c36a69172c
1 changed files with 6 additions and 6 deletions
|
@ -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));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Add table
Reference in a new issue