Skip to content
Submitted about 1 month ago

Recipe Page

Ejiro Frances•260
@Ejiro-Frances
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Recipe page
  • HTML
  • CSS
1newbie

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

  • Yiorgos Bagakis•190
    @yiorgosbagakisPosted about 1 month ago

    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

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