Need Help with Extra Padding Issue in My ReactJS & TailwindCSS Web App

I'm currently working on a e-commerce app using ReactJS and TailwindCSS, and I'm trying to make the app responsive. But I've run into an issue with extra padding/margin being applied to my components. I'm not sure why this is happening, as I've checked my Tailwind classes and the styles applied, but the unwanted padding persists.

link to my code repo: [https://github.com/AyshaHamna/ecommerce-frontend]

If anyone has experienced a similar issue or has any idea on how to troubleshoot this, I would greatly appreciate your help!

11 comments