Responsive Product List Page using CSS Grid and Basic JS

Solution retrospective
I’m proud that I was able to make the product list site look good and work well on different screen sizes. I also used JavaScript to display the products, which helped me learn how websites work behind the scenes.
Next time, I’d plan my code better before starting, especially the JavaScript part. I’d also like to add other cool features like search or filters to make the site more fun and useful.
What challenges did you encounter, and how did you overcome them?One challenge I faced with this site was making the layout responsive on different screen sizes. I fixed this by using media queries and testing a lot. Another challenge was getting the JavaScript to show the products correctly. I solved that by breaking the problem into smaller steps and looking up examples online when I got stuck.
What specific areas of your project would you like help with?I’d like help with improving my JavaScript skills, especially making my code cleaner and more organized. I also want to learn how to add features like search, filters, and maybe how to connect the site to real product data in the future.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on keftajnr's solution.
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