Frontend Quiz: Middle Center

by rulokc

HTML

<div class="box"></div>

<!--
MIDDLE CENTER

Modifica los estilos para que la caja roja cubra a la verde.
-->

CSS

html, body {
    height: 100%;
}

body {
    background: url('http://rulokc.heliohost.org/frontendquiz/img/middlecenter.png') no-repeat center center;
    margin: 0;
    position: relative;
}

.box {
    width: 100px;
    height: 100px;
    background: red;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    /* QUÉ PONDRÍAS AQUÍ */
}