JSFiddle - React, Tailwind, and code Playground
by Tan
HTML
<div class="full">
</div>
<div class="page">
<div class="d1of2"><p>test</p></div>
<div class="d1of2"><p>test</p></div>
<div class="clear"></div>
<div class="d1of2"><p>test</p></div>
<div class="d1of2"><p>test</p></div>
<div class="clear"></div>
</div>CSS
body {margin:0;}
.full {}
.page {max-width:800px;margin:auto;background-color:#ddd;padding:0 10px;}
.d1of2 {float:left;width:50%;background-color:#ccc;}
.clear {clear:both;}
@media screen and (max-width : 500px) {
.d1of2 {float:auto;width:100%;}
}