Menu icon Foundation
Foundation 6 Flex Grid

Just trying to find out if its possible to create a grid like this : http://prntscr.com/aogsx6

atm the trouble is that it tries to align all 3 columns to be equal width but i want the 1st and 3rd columns to be either 250px or something like 10% and the middle columns to fill most of the space.

thanks

flex

Just trying to find out if its possible to create a grid like this : http://prntscr.com/aogsx6

atm the trouble is that it tries to align all 3 columns to be equal width but i want the 1st and 3rd columns to be either 250px or something like 10% and the middle columns to fill most of the space.

thanks

Rafi Benkual over 3 years ago

Flexbox helps do this easily. The float based grid requires a little CSS.

If you create a column with the flex grid and do NOT use a size class, it will automatically rake up the available space in the row.

Example: http://codepen.io/rafibomb/pen/vGWaex