Compressed Elements

I’m absolutely new to webflow so pardon me if this sounds silly but why do the div block elements get compressed every time I assign a class to it?

Here’s a link to my file:

https://preview.webflow.com/preview/khairuls-stupendous-project?utm_medium=preview_link&utm_source=designer&utm_content=khairuls-stupendous-project&preview=d3ae4b95ab8d647c6aaff3edb35e4ca5&mode=preview

Can you re-enable your read-only link? The one you provided isn’t working.

Oh! Sorry didn’t realise that I did not enable sharing. The link should work now.

Since you don’t have any height set for your containing elements, it’s setting the height based on the nested paragraph - but you’re using 1.6% as your line-height, not 1.6 like you may have intended:

image

Click the percent icon and choose “-”. That will keep the text from compressing on itself (which is removing your height) and solve your issue:

image

1 Like

That solved it, thanks! :grinning: