Skip to content
Submitted 3 months ago

Recipe page using CSS grid

olgaEK•20
@OlgaElKhayat
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?

I struggled with the last bit of the page, where I used the CSS grid. For some reason, I couldn't put the individual rows closer together. Any other feedback is also welcome. Thank you in advance!

Community feedback

  • Alex•350
    @Sharky83Posted 3 months ago

    If you use developer tools on the live site...

    you can see there is a 16px padding (top and bottom) on each table line -you can reduce this to help.

    Also going forward, rather than using px, try using rem it scales better. try 0.5 rem padding or less.

    for font sizes etc..so devide by 16, and that gives you the rem for that item eg, 16px is 1rem

    1
    DemoStephen•360
    @DemoStephenPosted 3 months ago

    @Sharky83 Nice

    0
    olgaEK•20
    @OlgaElKhayatPosted 3 months ago

    @Sharky83 Thanks!

    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