Div Block not expanding with AUTO setting when content is added

Design help General
1

Hi community,

I’m really struggling to understand an issue I am having with a DIV block I have set to auto, when looking at the page in a smaller browser. The DIV block I am using has enough padding to ensure the content isn’t up to the edge of the DIV. I thought that the DIV block itself would grow in height, when making the browser window smaller in width.

Here are 2 screenshots to help understand what I am talking about:

01
012376×1238 433 KB
51
512880×1374 396 KB

Here is my site Read-Only: https://preview.webflow.com/preview/dsandfitz?utm_source=dsandfitz&preview=ea0733c58926d284b53f430248492d61

THANKS FOR ANY HELP!

2

Hi @Douglas_Fllrtn

Div Block 49 is set to Position: Absolute when it doesn’t need to be. Remove this and the div block will wrap the contents. You can then centre the elements using flexbox settings accordingly.

CloudApp

As a side note, your entire site is built with with default class names, which can cause major problems later down the line, as I learnt the hard way! I’ve put a link which you may find useful below.

Any issues, please reply here and I’ll be happy to help! :grin:

1 Like
4

Ah! I just realized. I had the positioning like that because of what i needed to do later with the buttons, but it works on auto-positioning too… wow.

Thanks for the hand!

1 Like
5

You’re welcome, it’s exactly what the Webflow community is here for.

Any further issues feel free to tag me in a post :grinning:

1 Like
6

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