
Design comparison
Solution retrospective
I am proud of the mobile-first approach I took when implementing this solution. If I were to do it differently next time, I would have put more effort into a) keeping my CSS file organized and b) the desktop and tablet styles.
What challenges did you encounter, and how did you overcome them?One challenge I faced was customizing the markers for ordered and unordered lists. I didn't know that you could modify them using ul li::marker
or ol li::marker
, I read a few articles when I figured it out.
I had trouble adjusting the height of the .recipe-card
container for desktop and tablet views. I ended up putting a set margin on the top and bottom of the container. If anyone has a more elegant solution, please let me know.
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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