Size full width and height

Change width and height of element by adding simple class.

100%

Responsive

<!-- Source -->
<div class="s-100"></div>
<div class="ms-100"></div>
<div class="min-s-100"></div>
<div class="min-vs-100"></div>
<div class="vs-100"></div>

<div class="s-sm-100"></div>
<div class="ms-sm-100"></div>
<div class="min-s-sm-100"></div>
<div class="min-vs-sm-100"></div>
<div class="vs-sm-100"></div>

<div class="w-sm-100"></div>
<div class="mw-sm-100"></div>
<div class="min-vw-sm-100"></div>
<div class="vw-sm-100"></div>

<div class="h-sm-100"></div>
<div class="mh-sm-100"></div>
<div class="min-vh-sm-100"></div>
<div class="vh-sm-100"></div>


<div class="s-md-100"></div>
<div class="ms-md-100"></div>
<div class="min-s-md-100"></div>
<div class="min-vs-md-100"></div>
<div class="vs-md-100"></div>

<div class="w-md-100"></div>
<div class="mw-md-100"></div>
<div class="min-vw-md-100"></div>
<div class="vw-md-100"></div>

<div class="h-md-100"></div>
<div class="mh-md-100"></div>
<div class="min-vh-md-100"></div>
<div class="vh-md-100"></div>


<div class="s-lg-100"></div>
<div class="ms-lg-100"></div>
<div class="min-s-lg-100"></div>
<div class="min-vs-lg-100"></div>
<div class="vs-lg-100"></div>

<div class="w-lg-100"></div>
<div class="mw-lg-100"></div>
<div class="min-vw-lg-100"></div>
<div class="vw-lg-100"></div>

<div class="h-lg-100"></div>
<div class="mh-lg-100"></div>
<div class="min-vh-lg-100"></div>
<div class="vh-lg-100"></div>


<div class="s-xl-100"></div>
<div class="ms-xl-100"></div>
<div class="min-s-xl-100"></div>
<div class="min-vs-xl-100"></div>
<div class="vs-xl-100"></div>

<div class="w-xl-100"></div>
<div class="mw-xl-100"></div>
<div class="min-vw-xl-100"></div>
<div class="vw-xl-100"></div>

<div class="h-xl-100"></div>
<div class="mh-xl-100"></div>
<div class="min-vh-xl-100"></div>
<div class="vh-xl-100"></div>