Menu icon Foundation
using flex box - how to get full width

Hello
as foundation combines grid row behavior with max-width, I was wondering how to get a three column grid stretching over the full-width (100%) of the page?

Thanks

flexbox

Hello
as foundation combines grid row behavior with max-width, I was wondering how to get a three column grid stretching over the full-width (100%) of the page?

Thanks

Rafi Benkual almost 4 years ago

You can add the .expanded class to the .row

Marco M. Jaeger almost 4 years ago

no mixin for that

Rafi Benkual almost 4 years ago

In the mixin, it is the behavior variable

@include grid-row($columns, $behavior, $width, $cf, $gutter) {

like

@include grid-row($columns, expanded, $width, $cf, $gutter) {

Hari Harker over 3 years ago

This might help 
http://stackoverflow.com/questions/26160839/css-flex-box-layout-full-width-row-and-columns

OR

Your grid-content / grid block might be having a padding-left and padding-right. Make the padding to 0px and you will your element to the full width.