Let's have fun

Let's have fun

Witdh

Info

This framework's width class allows you to set the width of an element in both pixels and percentages.

Pixels

width-50
<div class="width-50"></div>
width-100
<div class="width-100"></div>
width-150
<div class="width-150"></div>
width-200
<div class="width-200"></div>
width-250
<div class="width-250"></div>
width-300
<div class="width-300"></div>
width-350
<div class="width-350"></div>
width-400
<div class="width-400"></div>
width-450
<div class="width-450"></div>
width-500
<div class="width-500"></div>
width-550
<div class="width-550"></div>
width-600
<div class="width-600"></div>
width-650
<div class="width-650"></div>
width-700
<div class="width-700"></div>
width-750
<div class="width-750"></div>
width-800
<div class="width-800"></div>

Percentages

width-10-p
<div class="width-10-p"></div>
width-20-p
<div class="width-20-p"></div>
width-30-p
<div class="width-30-p"></div>
width-40-p
<div class="width-40-p"></div>
width-50-p
<div class="width-50-p"></div>
width-60-p
<div class="width-60-p"></div>
width-70-p
<div class="width-70-p"></div>
width-80-p
<div class="width-80-p"></div>
width-90-p
<div class="width-90-p"></div>
width-100-p
<div class="width-100-p"></div>