Flexbox Grid – A Responsive Masonry Grid System

-33%

Flexbox Grid – A Responsive Masonry Grid System

Based on Flexbox (CSS Flexible Box Layout Module), the Flexbox Grid System is a very simple css grid to quickly create modern layouts.

$6,00 $4,00

  • Description
  • Reviews (1)

Description

Flexbox Grid – A Responsive Masonry Grid System
It’s about time. We can vertically and horizontally center anything without CSS transform hacks!
The Flexbox Grid keeps to twelve columns (selectable) and used breakpoints for the responsive layouts (extra small, small, medium, large and extra large) that we come to expect.
Based on Flexbox (CSS Flexible Box Layout Module), this Grid System is a very simple css grid to quickly create modern layouts.
Our Grid provides simpler and more flexible layout options in CSS. More specifically, it provides:

  • Vertical alignment of content within a parent element
  • Reordering of content across devices and screen resolutions with the help of media queries
  • CSS-only equal height columns for your grid-based layouts

Fancy a more modern grid system?
All these things are possible outside flexbox, but typically require extra hacks and workarounds to do right.
Use flexbox to take full advantage of CSS Flexible Box module for even more control over your site’s layout, alignment and distribution of content.

We guarantee, that you will purchase an exclusive product with the Grid.


Features

Responsive: Responsive modifiers enable specifying different column sizes, offsets, alignment and distribution at xs, sm, md and lg viewport widths.
Fluid: Percent based widths allow fluid resizing of columns and rows.
Auto width: Add any number of auto sizing columns to a row. Let the grid figure it out.
Nested Grids: Nest grids inside grids inside grids.
Alignment: Add classes to align elements to the start or end of a row as well as the top, bottom, or center of a column
Distribution: Add classes to distribute the contents of a row or column.
Reordering: Add classes to reorder columns.
Reversing: Add classes to reversing columns.
And many more …


Preview Flexbox Grid


Live Preview Support

1 review for Flexbox Grid – A Responsive Masonry Grid System

  1. 5 out of 5

    The Grid is the Top Grid plugin ever used so far. Not only the Code Quality and super elegant designs, it’s easy to use and to achieve incredible results without any compromise – simply outstanding.


Add a review