SG-Grid

SG - Grid Example

site-col-12
site-col-6
site-col-6
site-col-4
site-col-4
site-col-4
site-col-3
site-col-3
site-col-3
site-col-3
site-col-2
site-col-2
site-col-2
site-col-2
site-col-2
site-col-2
site-col-1
site-col-1
site-col-1
site-col-1
site-col-1
site-col-1
site-col-1
site-col-1
site-col-1
site-col-1
site-col-1
site-col-1

3 block Variation

site-col-3
site-col-4
site-col-5
site-col-3
site-col-6
site-col-3
site-col-2
site-col-7
site-col-3

More Variation

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

SG - Grid Helper Classes

  • Clear grid - site-clear-grid
  • New row in grid - site-row
  • Banner - custom-hero-banner
  • Full width grid -site-col-full-width
  • right block - site-right-block