All comments

• 

  Fathimath Sahla Ap• 20

  @sahlairsha

  Submitted 7 months ago

  Hi, This is my second challenge. I'm so blissful that I have finished two projects in a week. Although I have faced a difficulty in creating the last table part. Are there any other tricks for making tables?

  

  Responsive Recipe-Page

  1

  70

  

  Odogun Emmanuel Oghenemaro• 170

  @Digi-Omar

  Posted 7 months ago

  You can try using CSS grid

  .nutri-values{ display: grid; grid-template-columns: 100px 1fr 1fr; border-bottom: 1px solid #e4ded8; }

  .nutri-values .nutrients{ grid-column-start: 2; grid-column-end: 3; }

  My entire solution is at the repository https://github.com/Digi-Omar/frontend-mentor-recipe-page/tree/main

  Marked as helpful

  0
• 

  joshua carter• 240

  @taylor003

  Submitted 7 months ago

  I enjoyed working this recipe page out and still need some help. I did the small screen but I know it wasn't done in the right way, further clarity, and guidance withh be appriaciated. Thank you...

  

  css, css grid, html,

  1

  30

  

  Odogun Emmanuel Oghenemaro• 170

  @Digi-Omar

  Posted 7 months ago

  Hi You can try putting your image into a container of its own. Sort of like a header container. Then put your content into another container. This is so you can make your image occupy 100% of the viewport width without being impacted by the padding you give to the rest of the content.

  Marked as helpful

  0

  This comment has received 2 repliesShow