"Layouts" Category

Grid

A grid layout organizes its child elements into a responsive grid.

Demo

Code

<div class="layout--grid">
	<div class="item layout--grid__item" style="background: #F98; margin: 28px;">Item<br>Yes</div>
	<div class="item layout--grid__item" style="background: #F98; margin: 28px;">Item<br>Yes</div>
	<div class="item layout--grid__item" style="background: #F98; margin: 28px;">Item<br>Yes</div>
	<div class="item layout--grid__item" style="background: #F98; margin: 28px;">Item<br>Yes</div>
	<div class="item layout--grid__item" style="background: #F98; margin: 28px;">Item<br>Yes</div>
	<div class="item layout--grid__item" style="background: #F98; margin: 28px;">Item<br>Yes</div>
</div>