eCommerce Product Page Using Next.js

Hello there! Thats amazing progress you've made out there! Responding to your question, the problem with your header in the desktop version is that it is underneath your main section. Now a quick fix for that is to simply add the "z-index: 999;" css property to your header. This way, it will always be above your main. However, It is not a very clean way to build the website because your header and main will still be overlapping, its just that now the header will be above the main. The approach that you should take is to not make them overlap with each other at all. I hope this helps a little. Please check out my solutions and react / comment to them. It really helps!