Design comparison
Solution retrospective
The part i find a bit complicate is the responsive design specially for the width of desktop and the mobile, for them to be able to fit in different screen sizes. And the part that i'm not sure is the media querry because i'm not well familiar with it. So any feedback will be really important to me in order to improve my coding knowledge if there's any part that's need a change am here for it thanks.
Community feedback
- @dakshdoesdevPosted 9 months ago
Learn about Media Queries: Media queries are an essential part of responsive web design. They allow you to apply different CSS styles based on the characteristics of the device, such as screen width, height, orientation, and resolution. You can start by reading articles or tutorials on media queries to understand how they work and how to use them effectively.
Practice: The best way to become familiar with media queries is to practice using them in your projects. Start with simple layouts and gradually increase complexity as you gain confidence. Experiment with different breakpoints and CSS rules to see how they affect the layout on various devices.
Use a Mobile-First Approach: One popular strategy for responsive design is the mobile-first approach. This means designing the layout for mobile devices first and then adding styles for larger screens using media queries. This approach helps ensure that your website looks good on small screens and then adapts to larger screens.
0@yayamdeePosted 9 months ago@dakshdoesdev than you so much for your feedback I'll apply all your wise advice
0
Please log in to post a comment
Log in with GitHub
Join 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