Grid (Multiple Columns side by side)

Tags: grid, simple, basic

Description:

A simple grid, to make it so dividers can be side by side. Two are recommended, but you can change it however you like examples: /* This are two sections of equal size */ grid-template-colums: grid-template-columns: grid-template-columns: repeat(2, 2fr); /* This are two sections of different sizes*/ grid-template-colums: grid-template-columns: grid-template-columns: 2fr 1fr; /* This are two sections using px instead of fr, of equal size*/ grid-template-colums: grid-template-columns: grid-template-columns: repeat(2, 500px); /* This are two sections using px instead of fr, of different sizes*/ grid-template-colums: grid-template-columns: grid-template-columns: 350px 150px;

Preview:

Code:

<!-- (c) Layout created by zmrg (https://layouts.spacehey.com/layout?id=100131) --> <style> .grid { display: inline-grid; grid-template-columns: grid-template-columns: repeat(2, 2fr); } </style> <div class="grid"> <div class="one">oooh look at me i'm text</div> <div class="two">i'm more text woooah!</div> </div>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.