100% Scalable Homepage

I’m trying to get an image with an equal border around it to scale with the size of the browser window. I want the gaps on the sides and the bottom to all stay equal, but they aren’t as the window size changes. Does anyone know how to achieve this?

Any help would be greatly appreciated!

Here is my public share link:

Remove the container. Containers have a max-width.

Thanks! That seems to work for the sides of the homepage, but I’d like to have an even border around the slider that adjusts as you change the size of the window. Right now, only the sides have an equal border – any advice on how to have this effect for the bottom of the page, too? thanks!

use % based padding. it will scale with the browser window.

1 Like

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