Skip to content
Submitted about 2 months ago

Recipe page

P
Austin L Layman•120
@EnkiEnki77
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?

I learned how to style list markers and learned about tables and how to add borders to the rows of them.

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

The things I learned were the challenges. I overcame them through google and MDN

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

None

Community feedback

  • Alaa Mekibes•1,540
    @alaa-mekibesPosted about 2 months ago

    Well done 🎉

    • Update Your README File

    Start by using the provided README template included in the starter file. Customize it to enhance clarity and professionalism.

    • Set the padding-top of the card to 0 for the mobile version.

    Great job so far, keep pushing forward, you're doing amazing!

    1
  • P
    Kamran Kiani•2,700
    @kaamiikPosted about 1 month ago

    Your HTML structure is good. Just a few notes:

    • Add a proper title in your html head. Also add a favicon image.
    • Label your article and your sections. Add an id to your headings and link them with aria-labeledby.
    • For CSS add a block margin only for desktop view. you need a media query with min-width for this. Your media query min-width unit should be in em too.
    • Your max-width should be in rem unit and there is no need for width: 100%;
    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