Skip to main content

Layout

classNames defining the Innomotics page layout

The grid layout system is using CSS grid

36 columns​

Use 'be-main-grid' className on the main container element. If this grid is not your main layout grid add the 'subgrid' class as well

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

32 content column​

inside 'be-main-grid' use 'be-content-grid' to use the center 32 columns

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Targeting columns for placement​

direct child elements of 'be-main-grid' and 'be-content grid' can be placed using 'be-columns-[start]-[end]'

[start] - inclusive, the starting column number
[end] - exclusive, the ending column number

Main grid
be-columns-1-20
be-columns-7-27
Full width of main gridwith be-columns-1-37
Content grid
be-columns-1-20
be-columns-7-27
Full width of content grid with be-columns-1-33