Full with row and columns

[fatcatgraphics]

Hey,
Im trying to achieve having a 3 column row that spans the width of the site which has a 50px margin while keeping a 5px margin between the columns. Ive used a bunch of different css but it seems I can either achieve getting the row to go full width but with huge margins between the columns or getting the 5px margin between columns but the row not going full width. How do I achieve both?

Thanks for your help,
Rena

http://2e6.274.myftpupload.com/

[thai]

Hi There,

I recommend you to use the % instead of px, it will make your columns span equally:

.column-height {
    min-height: 250px;
    width: 33% !important;
    justify-content: center;
    align-items: center;
    margin-right: 0.5%;
}

Hope it helps

[fatcatgraphics]

Ah, I see ok. Thank you. Another question, right now if I drag the screen larger they keep stretching out. In customizer i set the site width at 1200px. Why does it get bigger? Is there a way to set the website so that there is a maxium size everything will display at? Like every single row never grows more than 1200px wide on every page??

Thanks again,
Rena

@thai

.column-height {
min-height: 250px;
width: 33% !important;
justify-content: center;
align-items: center;
margin-right: 0.5%;
}

[Prasant]

Hello @fatcatgraphics,

Thanks for asking.

I see that you are using Full Width layout. In full width layout canvas will try to adjust according to the available screen size. Under Pro > Theme Options > Layout and design you can select Boxed layout and see how it goes.

Thanks.