Grids

  1. Dastone
  2. /
  3. Ui Kit
  4. /
  5. Grids

Grid Options

Small Grid
sm:col-span-12
Medium Grid
md:col-span-6
md:col-span-6
Large Grid
lg:col-span-4
lg:col-span-4
lg:col-span-4
Extra Large Grid
xl:col-span-3
xl:col-span-3
xl:col-span-3
xl:col-span-3

Grid Example

xl:col-span-1
xl:col-span-1
xl:col-span-1
xl:col-span-1
xl:col-span-1
xl:col-span-1
xl:col-span-1
xl:col-span-1
xl:col-span-1
xl:col-span-1
xl:col-span-1
xl:col-span-1
xl:col-span-2
xl:col-span-2
xl:col-span-2
xl:col-span-2
xl:col-span-2
xl:col-span-2
xl:col-span-3
xl:col-span-3
xl:col-span-3
xl:col-span-3
xl:col-span-4
xl:col-span-4
xl:col-span-4
xl:col-span-6
xl:col-span-6
xl:col-span-12

Starting and ending

col-span-3
col-span-3
col-span-3
col-span-3
col-span-8
col-span-1
col-span-1
col-span-1
© Dastone