Creating a Custom Grid with Foundation 6 Mixins

Foundation 6 Custom Grid

A nice tutorial showcasing a few good examples of creating custom grids using Foundation 6.

Big benefits are code reduction as well as creating a more custom grid layout. For example instead of a 12 column grid you could create a grid based on 7 columns.

You can view an exmaple of the code via codepen – Foundation 6 Grid Example

I used the following video as a reference for how to set up the grid using Foundation 6 mixins.