Streaming live at 10am (PST)

Consistent Padding

Hey, I’ve made the hero section of this site 100VH so it fills a browser window at all sizes.

Is there anyway to make the padding below the main text on the banner the same distance from the bottom of the banner regardless of browser size? At the moment the padding varies considerably despite having the same padding percentage throughout.

Hope that makes sense! Thanks in advance.

Here is my public share link: LINK
(how to access public share link)

Hello @MartinWhitt,

In your situation I would suggest next steps:

  1. make div “Header content” height: 100%, position: relative
  2. make row “Intro bar” position: absolute

Then by using aligning settings you can adjust distance from the bottom of this row to the bottom of Hero section


Thats brilliant, thank you once again! :slight_smile:

1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.