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
Not Found
Not Found
Not Found

Submitted

Recipe Page

Car 60

@Lukas3162000

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?

  1. First major learning

If you want to target the bullet points or simply the numbers in CSS, you can do that with pseudo-code as described here:

("li::marker")

.content ol li::marker { color: red; }

Super cool!! :D

  1. You can target the last child of a table with this pseudo-code:

"tr:last-child"

css tr:last-child { border-bottom: none; }

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

I couldn't reduce the border-bottoms of the table rows using right margin in the media query. So, I made them red instead. Does anyone have an idea how to fix this?

Community feedback

@sukrut57

Posted

this looks great but also look into the mobile version. The view is slightly different compared to desktop version.

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