Skip to content
Submitted 4 months ago

Recipe Page (HTML and CSS)

Purnama S Rahayu•250
@catreedle
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 feel more comfortable writing the components from scratch now. I need to plan the styling better for next projects. I am proud of learning to add border in between table rows, also setting bullets and numbers of list with different color.

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

I struggled a bit adding border in between the rows. I asked chatGPT, it gave me false solution at first.

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

Do I use the correct semantic in my HTML? Can you recommend better ways for me to write responsive page?

Community feedback

  • Jani-B•370
    @Jani-BPosted 4 months ago

    Hello,

    I think you solution looks very good :) Semantic HTML also looks good. I am not sure if the section + article combination is needed. I think it would work also with just the section alone. But I think it still works good :)

    Maybe next time you can also try to make the design mobile first. So that the media queries will effect only when the screen is bigger than mobile phone.

    Great work :)

    Marked as helpful
    0
    Purnama S Rahayu•250
    @catreedlePosted 4 months ago

    Thank you for the feedback! will keep that in mind @Jani-B

    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