Layout

loonar-wp/assets/styles/config/

├── colors/
├── layout/
│   ├── _breakpoints.scss
│   └── _grid.scss
├── typography/
└── z-index/

Loonar's grid system is a flexible solution to match any design needs.

There are 3 approaches to using the grid system:

• fixed layout, which utilises CSS flexbox,
• fixed layout, which utilises CSS grid,
• fluid layout, which utilises CSS grid.

In this phase, you're going to set up the grid system.