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

@Ejiro-Frances

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 proud of how much I learnt in the course of this project.

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

One of the challenges I had was using the font provided in the kit provided, I got the font from google font online since I was not sure why the one provided only gave me bold fonts.

Another challenge was trying to choose the ideal measurement for margins and paddings that would present the page as close to the designer's as much as possible.

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

I would like a review of what I have done and any pointers to make it better would be greatly appreciated.

Community feedback

@yiorgosbagakis

Posted

Very good work! It is very close to the original design and the only obvious issues I see are:

  1. The headings look bolder than the original. Maybe you should try smaller 'font-weight' (500?)

  2. The header image looks a bit larger than the original

Regarding the semantic html use I would add a header section and use more section elements.

Marked as helpful

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