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 with Semantic HTML

Ephraim 170

@ephraim-beltran

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 specific areas of your project would you like help with?

I'm really struggling with styling the last portion of the page. As I chose to use a `` element for the 'Nutrion' portion of the page, I just can't seem to figure how to create indentation within a table cell without affecting its width.

In my first submission, I was able to indedent the first column by applying padding-left on the cells of the first column. This, however, pushes the right column a little bit off-centre. I wanted to avoid a static width so I did't use that, negative margins don't work on cells, and negative padding has a really weird effect on the 2nd column.

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