Skip to content
Submitted 2 months ago

Solution #4. Responsive Frontend Mentor | Recipe page

#bem
Danya•190
@elClassico-eng
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 learned how to work with pseudo-elements, and also learned how to style ol-elements and make them custom. Also creating responsive tables using CSS Grid

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

Difficulties arose in creating separators between sections in html, as well as implementing custom ol

Community feedback

  • SHAKIR•90
    @shakirbakarePosted 2 months ago

    Hello Danya. Well done!

    Your solution can look more identical to the design if you add a border radius of 20px or a little bit more to the container that holds the image and the texts.

    Marked as helpful
    0
    Danya•190
    @elClassico-engPosted 2 months ago

    @shakirbakare Thanks, I'll take that into account!

    1

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