Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
I'm starting to find my errors easily.
What challenges did you encounter, and how did you overcome them?I was bit confused in the CSS and I overcame by finding the errors.
What specific areas of your project would you like help with?Media query
Community feedback
- @GD-neoPosted 7 months ago
The way I approach Media query is:
-if I want my
<p></p>
elements to have a default font size of 15px I writep { 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 helpful0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord