Design comparison
Solution retrospective
Please help with how to handle media queries on mobile, I am not able to fit the content in the view.... Any good resources to learn would be helpful.
Community feedback
- @kxnzxPosted over 2 years ago
Hello @bilwagutthi!
May I share a practical tip.. It makes much more sense to start with Mobile First. It will make working on your projects like these much more easy! When you look at the design of the Mobile First version you can see that the elements are in order from top to bottom. This is in the exact order you would write the html. You then only have to add the css styling in the same order as if you're building blocks from top to bottom. When that's done you can start with the Desktop version with media queries. It makes the working process much more smooth & easy (in my opinion).
Marked as helpful0@bilwagutthiPosted over 2 years ago@kxnzx Wow..
When you look at the design of the Mobile First version you can see that the elements are in order from top to bottom. This is in the exact order you would write the html.
I did not think of it that way...
Thank you so much ! this is really useful and I'll use this approach in the future.
0
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