Responsive page with CSS

Solution retrospective
I'm proud of organizing my CSS into multiple files to make the code more readable and maintainable. Next time, I would separate the files even more clearly by function or component to improve structure and clarity.
What challenges did you encounter, and how did you overcome them?I had never styled list item markers before, so I had to read documentation and experiment to learn how to do it using the ::marker pseudo-element. Also, without using the <table> element, I struggled to make the nutrition section look like a table. I eventually achieved the layout using CSS Grid.
What specific areas of your project would you like help with?I'd like to improve my understanding of media queries, since they are essential for creating responsive and modern web pages.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Danielkombou
Wow I really appreciate your work JiaHe, it's incredible. You did well on the list especially, like I've never had to style list's style before, just by viewing your web page I feel inspired. And also the responsive is cool! Kudos!!
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