griddyup

A super tiny CSS grid framework built on CSS grid.

Usage no npm install needed!

<script type="module">
  import griddyup from 'https://cdn.skypack.dev/griddyup';
</script>

A super tiny CSS grid framework built on CSS grid.

Q: If we already have CSS grid, why do we need a grid framework?

A: Because it gets old repeating the same styles for various grids, and this framework is only 1.63kb (even smaller gzipped).

npm install griddyup

<div class="grid grid-3-columns@md">
  <div>Grid Item</div>
  <div>Grid Item</div>
  <div>Grid Item</div>
</div>