Skip to content
Submitted 8 months ago

Semantic HTML5 markup CSS custom properties Flexbox CSS Grid Mobile-fi

Kristina•280
@frontend-en
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 made adaptive indents and fonts. I also used pseudo-elements

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

li markers are not centered

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

I think I still have a problem with headers

Community feedback

  • Laura White•40
    @l-whitePosted 8 months ago

    @Kristina Your solution looks amazing! It's so close to the original. If you wanted to make it perfect, you could make the horizontal rules and borders in the table the snow color (#fff7fb), but it's such a minor tweak that I was almost hesitant to point it out, especially since your solution is so accurate. Looking forward to seeing more of your work.

    Marked as helpful
    1
    Kristina•280
    @frontend-enPosted 8 months ago

    @l-white Thank you for your kind review and advice. :)

    0
  • halit uzan•190
    @halituzanPosted 7 months ago

    An almost pixel perfect work. Congratulations!

    1
  • Om Preetham Bandi•470
    @OmPreethamPosted 8 months ago

    You are quite good at handling the accurate sizes. Great work. Keep it up.

    1
    Kristina•280
    @frontend-enPosted 8 months ago

    @OmPreetham

    Thanks, I glad to hear it )

    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