RWD Product Landing Page

I finished the third project just recently.
https://codepen.io/Fav_DS/full/mdeWMyj

There are a few things that still don’t work properly. The video looks too big on mobile, if I click on the email field on mobile the background changes size apparently. And in general, the email field appears above the navigation bar when scrolling down.

Any advice on how to fix these issues, plus other you may find?

Add this to your header selector in the CSS section:

z-index: 1;

This will make sure that the navigation bar is on top of everything.

For the video, use media queries to adjust the size of the video for different screens.

1 Like