Product Landing Page - request for feedback

Code Feedback
1

Hello!

Could you help me with my Product Landing Page? I thought it worked as intended until I pushed it live to Github. On Codepen the navbar nicely scales down in mobile view to be visible in its entirety in the viewport. See here:

https://codepen.io/hubertbrychczynski/full/RwbBRVe

But in Debug Mode and on GitHub the navbar stretched way beyond the viewport:

Codepen Debug: [I had to delete the link due to the 2-link restriction for new users but you can see the same thing on GitHub below]

GitHub: https://hubertbrychczynski.github.io/predictor-landing-page/

Any ideas how to fix it?

Cheers!

2

image
image562×663 34.1 KB

Seems to scale fine for me?

3

Weird. This is what I’m getting on my Redmi Note 4, on Chrome

IMG_20200526_093038
IMG_20200526_0930381080×1831 251 KB

4

I loaded it on my mobile and ran in to the same issue.

It LOOKS like it might be your video embed. The video extends beyond the width of my phone and stretches out the page, and the nav-bar extends itself to match that.

1 Like
5

It seems you were right! I changed the header’s width from 100% to 100vw and it works fine :slight_smile: