Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

recipe-page

@mirkobozzetto

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I found it interesting to do this project because in each little section there were nuances to manage with flexbox, whether in terms of alignment or spacing, which made it an interesting addition to work on, particularly to maintain consistency between mobile and desktop mode.

In fact, for this project, I preferred to put several mobile elements in place each time, then go back to the desktop format, and that's how I progressed from section to section. I thought I'd do it quicker, but sometimes I had to think a bit harder than expected to try and get as close as possible to the pixel perfect layout!

It makes me want to get this layout and make a react component with a small database and make several pages like aca from this same layout xD

What challenges did you encounter, and how did you overcome them?

I thought it was a very good exercise for revising flex boxes.

What specific areas of your project would you like help with?

I'd love to see if other people have come up with simpler ways of setting up bulleted lists, or any other way of doing this code in general!

Community feedback

@JasonRavager

Posted

Great job on doing the challenge.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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