📐 Grid-Utils

JavaScript utility tool to build beautiful layouts and best respect the proportions of the designs.

👀 Demo

https://grid-utils.orpheebesson.fr

⬇️ Installation

Import grid-utils in your project :

Normal version

<script src="src/grid-utils.js"></script>

Minified version

<script src="src/grid-utils.min.js"></script>

📖 Documentation

Use the keys on your keyboard to play with the tool :

• G : append the grid
• ESC : destroy the grid
• ⬆️ : increase the number of columns
• ⬇️ : decrease the number of columns
• ⬅️ : decrease the gap between columns
• ➡️ : increase the gap between columns

Enjoy !