Skip to content
Submitted 4 months ago

Recipe page with HTML and CSS

P
yk-david•70
@yk-david
A solution to the Recipe page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

Starting with mobile first layout, I successfully implemented responsive design for both tablet and desktop design.

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

The design asks for some spacing between list's bullet point and text, but I couldn't resolve yet.

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

I'd like to learn how to make some space between list bullet point and text.

Code

Please log in to post a comment

Log in

Community feedback

  • Tj-wo•80
    @Tj-wo

    Good work

  • Khaled Mohamed•50
    @khaled1018

    Your design looks great, but I noticed two minor adjustments that could further enhance the design:

    The instructions list appears to be missing some padding on the left side, which could improve readability and alignment. There seems to be an additional <hr> element at the bottom of the table that might not be necessary.

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