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

Martynas 100

@Marcius55

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?

aligning text with price. got help from AI

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

any feedback is highly appreciated!

Community feedback

Chirag 370

@chirag-bishnoi

Posted

Hi @Marcius55, just a small advice, you should never use % to give width to your main content cause as we shrink the screen, the content shrinks too and it starts shrinking way before screen touches it. Giving percentage is only good for margins & padding but for width stick to pixels and rems only. And if you want your pixel width to shrink or become responsive, use max-width instead of width.

Marked as helpful

2

Martynas 100

@Marcius55

Posted

@chirag-bishnoi, yep I just realized when I compared it to the original project it got shrunk by a lot. Thanks a lot for your feedback!

1

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