Design comparison
Solution retrospective
I am most proud of integrating all the knowledge I gained from the QR code component, Blog preview component, and social links profile into this final project for this LP. I am proud of creating this beautiful Recipe card component with lists, and a table.
What challenges did you encounter, and how did you overcome them?I had challenged in understanding how to change the colors of the list markers. I overcame this with learning how to target the markers and change the colors. I also had a challenge with creating the table for the Nutrition section. I did not understand how table elements worked so I did not know how to add the border bottom for each table row. I overcame this with research and came to conclusion that I needed to set the table border-collapse to collapse so that the browser recognizes that table data elements are sharing the same border.
What specific areas of your project would you like help with?Nothing as of now. Feedback is always appreciated
Community feedback
- @dylan-dot-cPosted 1 day ago
Everything looks alright, you do need to add some more spacing, padding and line-spacing to some of the elements.
You can also make use of semantic elements like section and main to make it better and easier for screen reader users.
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