Submitted about 2 months ago

Recipe Page (HTML and CSS)

Purnama S Rahayu• 250

@catreedle

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Recipe page

HTML
CSS

1newbie

View challenge

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• 270

@Jani-B

Posted about 2 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

Purnama S Rahayu• 250

@catreedle

Posted about 2 months ago

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

Please log in to post a comment

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