Sizing Utilities

Easily add sizes to the elements, width or height in relation to the viewport or in relation to the father.


e-fullscreen

Take 100% of the viewport size (width and height)

<div class="e-fullscreen">
...
</div>

e-md-screen

Take 50% of the viewport size (width and height)

<div class="e-md-screen">
...
</div>

e-sm-screen

Take 33.33x% of the viewport size (width and height)

<div class="e-sm-screen">
...
</div>

w-100

Take 100% of the size of the father (only the width)

<div class="w-100">
...
</div>
Height sizes

These classes only add height sizes to the element.

<div class="e-sm-height">
...
</div>
<div class="e-md-height">
...
</div>
<div class="e-fullheight">
...
</div>
Contribute on GitHub
Become a sponsor.

If you are using our framework in a product that generates income, you can also help its maintenance if you wish, if you frequently help in your company or personal developments consider making a recurring donation.

If you want to see your company's logo on this site it's time to be a serious Sponsor.

eFrolic | framework css 2020
eFrolic | framework css 2020

One-time donation


Donate
eFrolic | framework css 2020
eFrolic | framework css 2020

Serious sponsor


Become a Patron