Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
I was able to complete the challenge with less struggle and I did it in a day. To complete this challenge, I did not use flex or grid but I did use a table layout for the nutrition content which is at the bottom. So I'm proud of that.
What challenges did you encounter, and how did you overcome them?I had a problem targeting the list markers so as to modify their styles. I was able to do so using ::marker.
I also encountered a problem with how I could join the border-bottom of the nutrition content since I was using a table layout for them. I was able to overcome the problem using the border-collapse property.
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