Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
Not Found
Not Found

Submitted

responsive landpage con media query

yasclou 60

@yasclou

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@CarlHumm

Posted

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
Discord logo

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