Resizing Square

This is an example of the usage of the vw unit.

by Daniel Burkhart

HTML

<div class="square">
     <h1>This is a Square</h1>
</div>

CSS

.square {
    background: #000;
    width: 50vw;
    height: 100px;
}
.square h1 {
    color: #fff;
}