Submitted 3 months ago
Recipe Page using Atomic CSS principles from Every Layout Book
@JoshuaOlubori
Design comparison
SolutionDesign
Solution retrospective
What challenges did you encounter, and how did you overcome them?
Styling the numbered lists was a bit of a hassle because the list items were wrapping below the list numbers. So I ditched the list elements and used divs. Then I used Javascript to automatically number the elements. Clunky but it works
Community feedback
- @sikulamartinPosted 3 months ago
download the figma file, you get all the exact margins, paddings, height, width etc. there, but looks good!
Marked as helpful0
Please log in to post a comment
Log in with GitHub
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