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

Responsive Recipe Page Using Semantic HTML and Flexbox

P
JV2018 80

@JV2018

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 think I got the site reasonably close to pixel perfect. Next time I would like to complete the project faster.

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

This was good practice for Semantic HTML and learning how to make a table.

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

  1. Making sure I did the Semantic HTML correctly
  2. Accessibility

Community feedback

@andref2015

Posted

That's impressive! How did you make the left and right padding look so close as to the original? I couldn't compare with 100% accuracy the website I was building and the image they gave us as design.

0

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