Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
- Organization of CSS file
- Use reusable classes and components
- Making horizontal lines between card sections and the nutrition table
- At first, I made it with html element then discovered that it had pre-defined styles that I didn't remove, so I decided to make a border-bottom for each section inside the card and it works.
- For the nutrition table I used element and gave every display flex then divided it into two parts every part with width:50%
- responsive on different screen sizes
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