Flex Grid Column Widths

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
lpug
 
 
Posts: 114
Joined: Thu Apr 05, 2018 10:15 am

Flex Grid Column Widths

Post by lpug » Tue Jan 14, 2020 11:10 pm

Hi Pablo, is it possible to have control over column widths when using flex grid.
I have a 1 row 4 column flex grid, 1st cell has an object in it, cells 3 & 4 have objects in it but when i put an object into cell 2 I'd like it to be central in the page, or are the cells controlled by the object width and height?

Thanks

User avatar
crispy68
 
 
Posts: 714
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Flex Grid Column Widths

Post by crispy68 » Wed Jan 15, 2020 1:38 am

Yes. After you insert a new flexgrid, at the top you will see 4 columns initially set to 1fr. Click on the heading and you can adjust the column width (just like the row width) using px, fr or %. See below:

Image

If you are wanting column 2 to be 'centered' in the page, then you need to figure out how much column width to give it. For example:

col1 - col2 - col3 - col4
30% - 40% - 15% - 15%

lpug
 
 
Posts: 114
Joined: Thu Apr 05, 2018 10:15 am

Re: Flex Grid Column Widths

Post by lpug » Wed Jan 15, 2020 2:13 am

Thank you so much, I'm a little embarrassed I couldn't see this myself......I'm really liking the flexibility that the flex grids offer.

Post Reply