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

matt2282 310

@matt2282

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 am most proud of how the page seamlessly transitions from mobile to desktop.

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

Creating the Nutrition table was challenging because I needed to create lines went across the entire page for each value except for the last value. I achieved this by putting a bottom border in each table entry and then for the last value manually changing the style in the html file to have no border.

Community feedback

Soupmy 40

@Soupmy

Posted

Really good spacing ! The project looks really good, even though you could use less border radius for the main component so it looks more like the design.

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