Responsive ecommerce product page (Next/Tailwind)

@wealthygiftdev Yes, I thought giving the modal z-index 50 and the all page and components z-index 0 would do the trick but it doesn't 🥲

@Vesta-nna just give z-index 1 to the div below main tag. but there is still one issue the modal is overflowing and there is no close button to close the modal.

@Vesta-nna when u give it z-index, write "!important" beside it......make sure the z-index is greater than all other z-index in your code.

something like this

z-index: 500 !important;

try this i hope it works for the situation. if else we might have to try something more deep. That's the way i fixed mine. and truly as @immdipu said your modal is overflowing . we'd also need to fix that too.But first we have to make sure the modal is well sitted above the main page.

thanks