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

@sedaryildirim

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 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 290

@simplyObare

Posted

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

Marked as helpful

0

@sedaryildirim

Posted

@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
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