Skip to content
Submitted 6 months ago

Responsive design of recipe page

Olga•190
@cvtqx
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?

Finished it quite quickly

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

How to exclude some selectors from a css rule. I learned about :not pseudo selector.

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

Nothing really but any comments or suggestions would be appreciated.

Community feedback

  • Koda👹•3,830
    @kodan96Posted 6 months ago

    hi there! 👋

    I packed up a few suggestions for you:

    • for better readability I would give your li items some margin-block and I would also increase their line-height

    • you can omit the last tr's border-bottom if you use the table tr:not(:last-child) selector and you apply the border within this

    Hope this helps

    Good luck and happy coding! 🤙

    Marked as helpful
    0
    Olga•190
    @cvtqxPosted 6 months ago

    @kodan96 Thank you very much!

    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