Design comparison
Solution retrospective
I learned three to four new things with this project: styling and using the hr, table, and marker tags for my list. I would probably try and use an alternative to hr when it comes to the line breaks in the project, just to see if there's a way that's simpler and neater. I was pretty proud for buckling down and coding most of this in one sitting, except when I got to the table portion.
What challenges did you encounter, and how did you overcome them?I didn't know how to make the numeral notation in the list section a different color, but I managed to figure it out using markers. I also was confused on how to set up the nutrition information at the end, but I eventually chose to use a table.
What specific areas of your project would you like help with?I did choose to use to emulate the line breaks in the design, but I'm curious to see if there's a better or neater way to accomplish that with another kind of CSS. I'd also like to know if I used the table html correctly for the nutrition information section.
Community feedback
- @collins-aiPosted about 1 month ago
Congratulations on your solution. Semantic HTML is included in your work which is good. I found it easy to access your live site for review and it was responsive on a mobile device good job. Although there's a little difference between your solution and the original design, I believe you can do better when using the figma application to get the accurate design details
0
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