Grid
Grid is used to manage content in the div. Aphro - CSS uses a 12
column grid system that gives it's user more flexibility when it
comes to making layouts.
Basic Grid Example
Add .row class to any conainer to
make it a flex container and then add
<col-${colsize}> to make it take
column. (colsize could be anywhere between 1 to 12)
col-12
col-11
col-1
col-10
col-2
col-9
col-3
col-8
col-4
col-7
col-5
col-6
col-6
<div class="row row-ex">
<div class="col-12 col-ex">col-12</div>
<div class="col-11 col-ex">col-11</div>
<div class="col-1 col-ex">col-1</div>
<div class="col-10 col-ex">col-10</div>
<div class="col-2 col-ex">col-2</div>
<div class="col-9 col-ex">col-9</div>
<div class="col-3 col-ex">col-3</div>
<div class="col-8 col-ex">col-8</div>
<div class="col-4 col-ex">col-4</div>
<div class="col-7 col-ex">col-7</div>
<div class="col-5 col-ex">col-5</div>
<div class="col-6 col-ex">col-6</div>
<div class="col-6 col-ex">col-6</div>
</div>