Skip to content
Submitted 4 months ago

responsive landpage con media query

yasclou•120
@yasclou
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 can put into practice some acquired knowledge, and learn some new things, all very basic

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

The most difficult thing to do was the table part, I still don't know how to do it so that it looks good.

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

The final part in the table does not have a solid line, I did not do it correctly or there were other ways to do it, I would like to know how to do it correctly.

best regard

Community feedback

  • Carl•855
    @CarlHummPosted 4 months ago

    Hi there

    I think in the design it is a single unbroken line, like a row. So you could apply the border-bottom to the table rows and then remove it for the last row. This could look like the following.

    table {
border-collapse: collapse;
}

tr {
border-bottom: 1px solid  #efefef;
}

tr:last-of-type {
border-bottom: 0 
}

    Best of luck with your future challenges!

    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