Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Recipe Page

P
Ian Parker 180

@i-prkr

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • 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 am proud that I was able to develop mobile first and that the solution is I think correctly responsive.

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

I had to refresh setting global css settings using * and root, and styling particular elements such as lists and tables to have the design exact. For the table I thought it may have been easier not to use table elements but believed it would be better for semantic html and accessibility.

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

I would really appreciate feedback on whether the semantic html is correct and the correct elements have been used. I would also really appreciate feedback on whether the responsive design has been implemented well and any improvements on the structure of my css code.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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