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!

Deal of the Week

Latest Updates

Latest Live Stream

Behind the Scenes: Designing the Total CMS 3 Uploader

Latest Design

Subscribe

For product releases and updates by email, please subscribe below.

© 2025 Weavers Space | Terms of Service | Privacy Policy

HelpShelfHelpShelf