Foundation 6 XY Grid: Responsive Layout with grid-x and cell
Use Foundation 6 XY Grid with grid-x, grid-padding-x and cell size classes for responsive flexbox layouts. See the mechanism, limits, common mistakes and how to verify the grid in dev tools.