Margin between columns

Design help General
1

Hi there,

I want to make the same (20px) margin from all sides of columns, but can’t by webflow grid
screen
Maybe is there another way?

This is what i want

draft
draft1037×657 217 KB

Thanks

2

Can you use padding settings instead?

If not, for some reason, try dropping a div inside of each column and add margin there.

3

Thanks, mate. Padding doesn’t work in this case cause filled color of 1st column stays.
I did via divs and made margin 10 px for centered sides of both divs, cause the margin is summed up in this case.

Last question. What i should do that height of each column will be the same like the biggest of them?

4

I’m thinking you can use flexbox settings with the “align stretch” property. See attached.

same-size-height

But without your share link I’m not able to see your working file to know how you currently have it set up.

Check this post:

5

I seem to have remedied the margins problem, thanks for the above, but now the div blocks and colors on pad and mobile are disarrayed. I could fix each individually probably.
Some advice would be great, thanks.

6

Read only link would be great :wink:

1 Like
7

https://preview.webflow.com/preview/martas-fantabulous-project-c47f8a?utm_medium=preview_link&utm_source=designer&utm_content=martas-fantabulous-project-c47f8a&preview=d0f041b5e98e74df140c194a3e205031&mode=preview

8

All good, I simply used the grid instead of columns and adjusted the fr. I think that should do it. Thanks though!

1 Like