Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
Tried mobile-first workflow for the first time.
What challenges did you encounter, and how did you overcome them?Surprisingly, recreating the design was harder than the responsiveness.
What specific areas of your project would you like help with?I've a lot to improve on for this project. Any feedback is welcome.
Community feedback
- @AnwarMestycerPosted 8 months ago
- it looks good good job.
- Writing CSS code in a separate file will make it more organized and easier to manage and maintain.
- For the nutrition table, I encountered the same problem and overcame it by using three different div with the same class and styling them to look like the design you can check my work here.
- For accessibility, write something that describes the image in the alt attribute.
keep it up & Hope this was helpful!
Marked as helpful1@ArryBlackPosted 8 months ago@AnwarMestycer Thank you for the feedback! I'll keep the CSS in separate files from the next project onwards. I tried to make the nutrition table work with table tags, I'll try what you suggested.
1
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