Submitted 5 months ago

Recipe page with Flexbox and Custom List Styling

Caitlin Donahue•120

@Donahuec

A solution to the Recipe page challenge

Preview Code

Solution retrospective

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

Took awhile to figure out how to match the list styling to the design. First I tried to update the ::marker element, but ended up settling for styling a ::before element and using css counters

Code

Please log in to post a comment

Community feedback

P
Melbita•100
@Melbita
Posted 5 months ago
Your solution looks super clean, Great use of css variables, and the mobile version looks identical.

Well done!

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