Responsive 5 column stack Not Breaking Properly


Each Foundation column stack is divided into 12 units.

Web Address Setting

Because of this a 5 Column stack can not be divided up equally due to the fact that 12 รท 5 = 2.4.

A great solution to this is to use the Foundation Block Grid stack.

Web Address Setting

Block grids give you a way to evenly split contents within the grid. If you wanted to create a row of five images or paragraphs that need to stay evenly spaced no matter the screen size, the block grid is for you.

Learn more about the Foundation Grid system on the Foundation for RapidWeaver site.

Now go forth and make your websites great!