Div Block changing size on its own

Design help Layout & Design
1

Hello,
I’m having trouble with my portfolio. I am trying to have all three projects displayed on my home page the same width in the div block. All div block settings are the same except the colors. But when I publish it, the Habitical project box is shorter than the rest. It seems like it has to do with the zoom in percentage but can’t figure out what’s causing this.

Here’s the screenshot when I’m in webflow design mode.

Screen Shot 2021-10-07 at 10.18.31 PM
Screen Shot 2021-10-07 at 10.18.31 PM1132×1316 158 KB

Here’s the screenshot when I’m viewing the website after publishing it.

Screen Shot 2021-10-07 at 10.22.19 PM
Screen Shot 2021-10-07 at 10.22.19 PM2278×1314 174 KB

Here is my site read-only: Webflow - Chae Kwon's Portfolio

And this is the published website: www.chaekwon.com

Thank you!

2

Hi @Chae.kwon, thanks for your post and for the good question.

I think this is due to the width set to auto for that project section, As a suggestion, I would add a 100% width value:

Shared with CloudApp

I hope this helps

3

That worked great. Thank you so much!!!

1 Like
4

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