@raketwebbyra/grid

id: grid title: Grid

Proin aliquam, ligula sit amet vulputate rhoncus, odio diam ornare nibh, id feugiat erat purus eu magna. Quisque mattis dolor sed est iaculis, id fermentum lacus consequat. Aliquam erat volutpat. Pellentesque faucibus quis libero nec tristique.

Open in Codesandbox

Go to GitHub

Grid - 2 Columns preview

Grid - 3 Columns preview

React Grid example

import Grid from './Grid'
<Grid columns={'2'}>
    <div> Item 1 </div>
    <div> Item 2 </div>
    <div> Item 3 </div>
    <div> Item 4 </div>
</Grid>

Raw Html Grid equivalent

<div class="grid grid--2">
    <div> Item 1 </div>
    <div> Item 2 </div>
    <div> Item 3 </div>
    <div> Item 4 </div>
</div>