Responsive 5 column stack Not Breaking Properly

Each Foundation column stack is divided into 12 units.

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.

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!