Grid

A grid is a layout style that helps you arrange your content in a particular order

2x2 Grid

To access grid styles use .grid-box .rc-2 class names in your container to access 2x2 column grid.

Examples

          
            

              
block(1, 1)
              
block(1, 2)
              
block(2, 1)
              
block(2, 2)
            
          
        

3x3 Grid

To access grid styles use .grid-box .rc-3 class names in your container to access 2x2 column grid.

Examples

          
            

              
block(1, 1)
              
block(1, 2)
              
block(1, 3)
              
block(2, 1)
              
block(2, 2)
              
block(2, 3)
              
block(3, 1)
              
block(3, 2)
              
block(3, 3)
            
          
        

Desktop Layout

To access grid styles use .grid-box .desk-grid class names in your container to access 2x2 column grid.

Examples

          
            

              
Navbar
              
sidebar
              
body
              
footer
            
          
        

Mobile Layout

To access grid styles use .grid-box .mob-grid class names in your container to access 2x2 column grid.

Examples

          
            

              
Navbar
              
sidebar
              
body
              
footer