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 solution with HTML/CSS

tybaglue 40

@tybaglue

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?

Was able to figure out most of the items without having to watch a tutorial walk-through

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

Styling the lists bullets and tables were difficult. Searched for answers online.

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

Am unable to align the numbered items in the "instructions" section properly. Also the lines in the table are broken, would like to know how to fix these.

Community feedback

@walkerbb216

Posted

table styling is a little tricky, this is what I did for the table borders tr:not(:last-child){ border-bottom: 1px solid hsl(30, 18%, 87%); }

For list numbers and bullet points, you can use the ::marker selector to style them.

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