<!doctype html><html><head><meta charset='utf-8' />
<link rel="stylesheet" href="tent.css" />
<style>
body{background:azure}
</style>
</head><body><div class="container" >
<div class="grid" style="background:#fff;margin-top:8px;" >
<div class="grid__column grid__column--8 ">main </div>
<div class="grid__column grid__column--4 " >aside </div>
</div>
<div class="grid" style="background:#fff;margin-top:8px;" >
<div class="grid__column grid__column--8 ">main </div>
<div class="grid__column grid__column--3 " style="margin-left:1em" >aside </div>
</div>
<div class="grid" style="background:#fff;margin-top:8px;" >
<div class="grid grid--justify-start">
<div class="grid__column grid__column--4 ">main </div>
</div>
<div class="grid grid--justify-end" >
<div class="grid__column grid__column--4 " >aside </div>
</div>
</div>
</div></body></html>
