@GD-neo
Posted
The way I approach Media query is:
-if I want my <p></p>
elements to have a default font size of 15px I write
p {
font-size: 15px;
}
-if I want the font size to be smaller on screens up to a width of 400px I could write:
@media (max-width:400px){
p{
font-size: 10px;
}
}
-if I wanted the font size to be bigger on screens from 1000px and higher I could write:
@media (min-width:1000px){
p{
font-size: 20px;
}
}
... and then apply the same idea to what ever I might want to adjust. I hope this helps
Marked as helpful