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

@MunibAhmad-dev

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?

For the nutrition section below, I struggled to get it right, and it still isn't that good. Maybe it's because I didn't use a grid. I always use flexbox for everything.

Community feedback

P

@gdsimoes

Posted

I don't think Grid would help here. You should have used a table element since this is tabular data. If you need help learning how to style tables I recommend checking out Kevin Powell's video about this topic on YouTube.

Also, have you checked the style guide for the colors? It seems like yours are a bit off.

Marked as helpful

1

@MunibAhmad-dev

Posted

Actually, no, I didn’t read that guide. I just looked at the design and then implemented it. You’re right; I should use the table element for that since it is in tabular form. I wanted to ask you about something: I always use flexbox for everything, even when grid would be more appropriate. I use flexbox because it’s easier for me. I know how to use grid, but I don’t like it and I’m not that skilled with it. Could that be the reason?@gdsimoes

0
P

@gdsimoes

Posted

In this particular project using Grid would be a bad idea. Flexbox works just fine.

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