@n8d/htwoo-patterns/_patterns/atoms/grid/grid.md

hTWOo Patterns to setup custom style guide

---
title: Liquid UI Grid System
order: 5
---
### Use Grid System with CSS classes

`hoo-grid` - defines the base CSS Grid on any container

### Use Grid System with SCSS

Through a mixing you can turn any container into a grid system.

### Placing elements on the grid

The placement of elements can be accomplished with the following SASS mixin.

The SASS mixing has the following input:

@include gridSpan([grid span], [Starting column], [Starting row]);

### SCSS Imports

**Main Component**\
@n8d/htwoo-core/components/base

***