Can please anyone help me ?
This is my Media Queries for Tablets ;
@media (min-width: 37em) {
body {
display: grid;
grid-template-columns: 10% 72% 17%;
grid-template-areas:
"header header header"
"nav nav nav"
"linkBox main main"
"footer footer footer";
}
and this my Media Queries for Desktops;
@media (min-width: 80em) {
body {
display: grid;
grid-template-columns: 10% 72% 17%;
grid-gap: 5px;
grid-template-areas:
"header header header"
"nav nav nav"
"linkBox main infoBox"
"footer footer footer";
}
}
My Computer has a Resolution from 1280 x 1024 .
When change on @media (min-width: 37em) , on the Line "linkBox main infoBox" to “linkBox main main" , too to change the column from my Desktop...🙁
Why change it when i will only to change on Tablets ?
Can please anyone help me , Thank !