<section class="column">
	<div class="item"></div>
	<div class="item"></div>
	<div class="item"></div>
</section>

<section class="row">
	<div class="item"></div>
	<div class="item"></div>
	<div class="item"></div>
</section>









[[[https://codepen.io/jackharner/pen/drONOG.html]]]

section {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	border: 1px solid #aaa;
	height: calc(50vh - 4px);
} 

.item {
	width: 100px;
	height: 100px;
	background: #333;
	border: 2px solid #fff;
}

.column {
	flex-direction: column;
}
.row {
	flex-direction: row;
}

body {
	margin: 0;
}

jackHarnerSig(true);