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 TEst

P

@Algidaq

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 are you most proud of, and what would you do differently next time?

N/A

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

N/A

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

N/A

Community feedback

P

@medic-code

Posted

Nice HTML structure and design looks almost identical! Nicely done getting the card to work in smaller desktop versions, i couldn't get this to work.

CSS - mostly good, you could use REM for font-sizes, padding and margins rather than pixels, you could add these as variables to the root to make it more consistent.

You have 3 seperate media queries that @media screen and (max-width: 376px) which seems a little unnecessary to seperate them out.

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