Overall Assessment: Tentative - Yes
Reviewer: Adam Kaplan
.clearfix:before, | |
.clearfix:after { | |
content: " "; | |
display: table; | |
} | |
.clearfix:after { | |
clear: both; | |
} |
<div class="container"> | |
<div class="row clearfix"> | |
<div class="column half"> | |
<!-- Your Content --> | |
</div> | |
<div class="column half"> | |
<!-- Your Content --> | |
</div> | |
</div> | |
*, *:before, *:after { | |
-moz-box-sizing: border-box; | |
-webkit-box-sizing: border-box; | |
box-sizing: border-box; | |
} |
<div class="container"> | |
<!-- Your Content --> | |
</div> |
.container { | |
margin: 0 auto; | |
max-width: 48rem; | |
width: 90%; | |
} |
<meta name="viewport" content="width=device-width, initial-scale=1"> |
<div class="row"> | |
<div class="column-example"> | |
<p>Column 1</p> | |
</div> | |
<div class="column-example"> | |
<p>Column 2</p> | |
</div> | |
<div class="column-example"> |