Grid Columns
Grid Column Count
Click to copy
<div class="grid grid-gap-m grid-column-3">
<div></div>
<div></div>
<div></div>
</div>
grid-column-1
Element 1
Element 2
Element 3
Element 4
Element 5
Element 6
grid-column-2
Element 1
Element 2
Element 3
Element 4
Element 5
Element 6
grid-column-3
Element 1
Element 2
Element 3
Element 4
Element 5
Element 6
grid-column-3 grid-gap-m
Element 1
Element 2
Element 3
Element 4
Element 5
Element 6
Available Classes
.grid-column-1
.grid-column-2
.grid-column-3
.grid-column-4
.grid-column-5
.grid-column-6
.grid-column-7
.grid-column-8
.grid-column-9
.grid-column-10
.grid-column-11
.grid-column-12
Comments Area
No comments have been posted yet. Please feel free to comment first!
Note: Make sure your comment is related to the topic of the article above. Let's start a personal and meaningful conversation!