Skip to content
Submitted 5 months ago

Recipe Page

Munib ahmad•190
@MunibAhmad-dev
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Recipe page
  • HTML
  • CSS
1newbie

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

  • Guilherme Dias Simões•210
    @gdsimoesPosted 5 months ago

    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
    Munib ahmad•190
    @MunibAhmad-devPosted 5 months ago

    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
    Guilherme Dias Simões•210
    @gdsimoesPosted 5 months ago

    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

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