Grid.

Grid. Simply. Easy.

The SpaceFramework grid is made with mobile development in mind. It adds auto gap space between the columns both horizontal and vertical.

Grid comes with SpaceFramework 1.2

Grid Columns

Grid columns exist by default out of 12 columns

Span

span-12
span-1
span-11
span-2
span-10
span-3
span-9
span-4
span-8
span-5
span-7
span-6
span-6

Row span

span-2
auto
row-span-2
row-span-2
span-2
auto
span-2

Start

start-1
start-2
start-3
start-4
start-5
start-6
start-7
start-8
start-9
start-10
start-11
start-12

Grid-[]

Grid-4

auto
auto
auto
auto
auto
auto
auto
auto
auto
auto
auto
auto

Grid-3

auto
auto
auto
auto
auto
auto
auto
auto
auto

Grid-2

auto
auto
auto
auto
auto
auto

Grid-1

auto
auto
auto

Order

order-3 (1th child)
order-2 (2nd child)
order-1 (3rd child)

Gap

gap-0

span-4
span-4
span-4
span-4
span-4
span-4

gap-1

span-4
span-4
span-4
span-4
span-4
span-4

gap-2

span-4
span-4
span-4
span-4
span-4
span-4

row-gap-0

span-4
span-4
span-4
span-4
span-4
span-4

col-gap-0

span-4
span-4
span-4
span-4
span-4
span-4
© 2021, Spaceframework.dev

Build with Gatsby and hosted by Netlify