Responsive Product list with cart page using Flex and grid.

Solution retrospective
I am most proud of my ability to make the page responsive using both css and bootstrap. i would love to use the json file next time to implement the html rather than hard coding the products.
What challenges did you encounter, and how did you overcome them?I had challenges with making the buttons interactive and also making the add to cart button positioned and fixed to the product image. i used transform() property of css to position the add-to -cart-button after making its parent position relative and itself position absolute.
I used chatGpt to explain to me the steps to take in fixing certain issues with my implementation of the operations of the buttons.
What specific areas of your project would you like help with?I would love to know the approach others who are more knowledgable than myself used or would use in positioning that add-to-cart button just the way it is on the design image.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Rodney-Mokenyu'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