Responsive Recipe Page with Mobile-First Approach

Solution retrospective
For this challenge I put some real effort into writing semantic HTML, not just div after div inside of a div, ... Secondly, I actually used a mobile-first approach this time. This was challenging when implementing media queries to get the desired effect on larger screens, but I learned a lot in the process. I also learned a lot more about using media queries: not relying on some standard breakpoints but letting the design dictate the breakpoint.
What challenges did you encounter, and how did you overcome them?I have a basic understanding of flexbox and css grid, but everytime I have to use it I don't feel 100% confident. I will revise the theory surrounding this and focus on it in future projects.
What specific areas of your project would you like help with?Any tips on simplifying my css styles (and media queries) even more would be greatly appreciated.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Laurent Missiaen's solution.
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