that moment when phone sceens have a higher resolution than desktop screens
parent
14e540f405
commit
c7721c3a97
|
@ -1,5 +1,5 @@
|
||||||
/* optimized for desktop users */
|
/* optimized for desktop users */
|
||||||
@media only screen and (min-width: 721px) {
|
@media only screen and (min-width: 1280px) {
|
||||||
.container{
|
.container{
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(3, 1fr);
|
grid-template-columns: repeat(3, 1fr);
|
||||||
|
@ -22,7 +22,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
/* optimized for mobile users */
|
/* optimized for mobile users */
|
||||||
@media only screen and (max-width: 720px) {
|
@media only screen and (max-width: 1279px) {
|
||||||
.container{
|
.container{
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(1, 1fr);
|
grid-template-columns: repeat(1, 1fr);
|
||||||
|
|
Loading…
Reference in New Issue