Skip to content
Submitted 4 months ago

Recipe Page

Sedar Yildirim•250
@sedaryildirim
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 challenges did you encounter, and how did you overcome them?

Had my first issues with this

  1. Border radius failed to work multiple times on my img, discovered this was due to img having padding, created workaround with margin and another container to wrap everything in.

  2. Border radius failed to work on my main card/article - !important tag after border radius fixed this for me.

Community feedback

  • Obare•320
    @simplyObarePosted 4 months ago

    Love it, You did forget to use the brown color on some headers and the nutrition units.

    Marked as helpful
    0
    Sedar Yildirim•250
    @sedaryildirimPosted 4 months ago

    @simplyObare thanks for feedback! definitely miss my home setup with larger screens, on a small screen at the moment and it strains my eyes and i end up missing some of the finer details.

    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