Design comparison
SolutionDesign
Solution retrospective
How do I go about the @media to use when it requires a screen display for both mobile and desktop view?
Community feedback
- @StormKing969Posted over 2 years ago
So in your CSS file at the bottom include this line of code
@media only screen and (min-width: 645px) { // Things you want to change goes here }
The example above uses min-width because I usually do a mobile first approach whenever I build something. Anything inside the @media will change at the given width which in this case is once the width exceeds 645px
1
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