Skip to content
Submitted 4 months ago

Recipe page using HTML tags and containers

P
WajahatAli130•90
@WajahatAli130
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 are you most proud of, and what would you do differently next time?

I got the site looking pretty similar to the example, even though there are some small details missing.

What challenges did you encounter, and how did you overcome them?

At first I was feeling so lazy and unmotivated to start because of all the code that I would have to write for this. So many tags and containers! At one point I got really frustrated with the code because it looked so confusing but then I created a new HTML file and build everything from scratch and that helped me complete this challenge.

What specific areas of your project would you like help with?

How do I add lines between the rows of the table? And how do I get rid of the white border around the beige background?

Community feedback

  • m1st1nh0•60
    @m1st1nh0Posted 4 months ago

    hey there, i just finished my omelette too, to add the bottom borderlines for your table u have to : table{ border-collapse: collapse; (command to make the borders of the table unique, so they have no breaks at the crosses) }

    than:

    td, th{ border-bottom{ 1px solid (and the color u want) } this command define the width, the type of filling and the color.

    sorry for the bad english typing, hope i could help

    Marked as helpful
    0
    P
    WajahatAli130•90
    @WajahatAli130Posted 4 months ago

    @m1st1nh0 thank very much. I really appreciate it

    0
  • Ayorinde Maryam Oluwatoyin•170
    @MARYAMTEEPosted 4 months ago

    Ensure the design is viewed at 100% for accurate sizing! It's a crucial step for precision. Just double-check your screen resolution and zoom settings to avoid any scaling issues. Keep it up!

    Marked as helpful
    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