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

Responsive Recipe page using HTML & CSS

@Shikonga

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 enjoyed this challenge!

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

My main challenge was to style the marker box of the list items, having bullets/numbering of the list in different colors than the paragraph/span. However, I was able to research, figure out, and learn about the ::marker pseudo-element.

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

pseudo-elements using display grid as an alternative of flex

Community feedback

@redizork

Posted

yes, on wrapper and ol li :)

Marked as helpful

0

@redizork

Posted

put line-height: 150%; to make it more readable :)

Marked as helpful

0

@Shikonga

Posted

@redizork thanks for your comment. I put line-height on wrapper div?

1

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