Preenchimento de tela

Preenchimento horizontal

Largura pequena

Preenchimento horizontal 25%

Em celulares corresponde a 100%

Largura média

Preenchimento horizontal 50%

Em celulares corresponde a 100%

Largura grande

Preenchimento horizontal 75%

Em celulares corresponde a 100%

Largura total

Preenchimento horizontal 100%

Em celulares corresponde a 100%

Código

<!-- 

    <div class="largura-(pequena, media, grande ou total)">
        Conteúdo aqui
    </div>

-->

Preenchimento vertical

Altura pequena

Preenchimento vertical 25%

Altura média

Preenchimento vertical 50%

Altura grande

Preenchimento vertical 75%

Altura total

Preenchimento vertical 100%