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>