Full viewport height while keeping elements at top/bottom/middle of section

Hey there,

I'm trying to have the the first and last sections of my website to become the full width and height of the viewport. I need the elements (text + images) to stay in their positions, but have the size of these two sections simply respond to the browser resizing.

The website is www.kurtandcarmela.com.

Any tips would be greatly appreciated.

Thanks!

3 hours ago, kurtandcarmela said:

Hey there,

I'm trying to have the the first and last sections of my website to become the full width and height of the viewport. I need the elements (text + images) to stay in their positions, but have the size of these two sections simply respond to the browser resizing.

The website is www.kurtandcarmela.com.

Any tips would be greatly appreciated.

Thanks!

I check that it is working properly now

Have you figured it out yet?

1 hour ago, Beyondspace said:

I check that it is working properly now

Have you figured it out yet?

Hey @Beyondspace, it’s not working yet.

I need the first and last sections to fill the entirety of the screen, no matter the size of the viewport. Currently for example, if the browser width is narrower than in my screenshot (and yours), you’ll be able to see the top next section hanging underneath the first – which I was hoping to avoid.

I’ve tried a few variations of 100vh on the CSS input area but nothing worked 😫