Tinker

Tinker is a blank layout with a flexbox grid system and useful styles included.

Add a DIV element with a class of "box" to create content.

Responsive

Tinker is responsive with modifiers for different devices.

Column 1

Column 2

Column 3

Column 1

Column 2

Column 1

Column 2

Fluid

Tinker comes with a full width or 3/4 layout to choose from.

Column 1

Column 1

Column 2

Column 1

Column 2

Column 1

Column 2

Column 1

Column 2

Column 1

Column 1

Column 1

Column 2

Auto Width

Add an element without a set size. Tinker will figure it out.

Column 1

Column 2

Column 1

Column 2

Column 3

Offset

Offsets allows you to position elements in columns of your choice.

Column 1

Column 1

Column 1

Column 1

Column 1

Column 1

Column 1

Column 1

Column 1

Column 1

Column 1

Alignment

Set an element to the start, center or end of an row.

Column 1

Column 1

Column 1

Distribution

Set the distribution of an element to around or between with special classes.

Column 1

Column 1

Column 1

Column 1

Column 1

Column 1