Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
I used microdata to enhance semantics.
What challenges did you encounter, and how did you overcome them?I overcame the challenge of vertical-centering bullets by using the ::before
pseudo-element and positioning it absolutely.
To display the nutrition data two by two, I first wanted to use flexbox with wrapping and flex-basis
, but I did not manage to maintain such a display when widening the screen. Instead, I used grid layout.
No particular help requested.
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