Grid system - CSS GRID
Usage
Default CSS grid implementation:
The default rules for the native CSS-grid implementation are the following:
- the grid container is split into 12 columns, 1fr each
- every column spans exactly 1fr and doesn't expand to fill in the remaining space
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis dolore facere laboriosam nam reiciendis repellat tempora!
Architecto at dolores excepturi iure magni necessitatibus nisi nulla quam rerum sunt voluptate, voluptatum!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis dolore facere laboriosam nam reiciendis repellat
tempora! Architecto at dolores excepturi iure magni necessitatibus nisi nulla quam rerum sunt voluptate, voluptatum!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis dolore facere laboriosam nam reiciendis repellat
tempora! Architecto at dolores excepturi iure magni necessitatibus nisi nulla quam rerum sunt voluptate, voluptatum!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis dolore facere laboriosam nam reiciendis repellat
tempora! Architecto at dolores excepturi iure magni necessitatibus nisi nulla quam rerum sunt voluptate, voluptatum!
And, respectively, the code:
<div class="sq-grid css-grid">
<div class="col">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Blanditiis dolore facere laboriosam nam reiciendis repellat tempora!
Architecto at dolores excepturi iure magni necessitatibus nisi nulla
quam rerum sunt voluptate, voluptatum!
</div>
...
</div>