1
resposta

Dúvida sobre o espaçamento para baixo no pessoa.css

Ao fazer a responsividade, colocamos um espaçamento de 2rem para baixo nas telas menores. Já nas telas a partir de 768px, colocamos um espaçamento de 0.

Eu preciso colocar esse espaçamento de 0? Eu não poderia simplesmente deixar em branco?

Segue o pessoa.css:

.pessoa {
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 0) {
    .pessoa {
        margin-bottom: 2rem;
    }
}

@media screen and (min-width: 768px) {
    .pessoa {
        margin-bottom: 0; /* Estou falando deste aqui! É realmente necessário colocar? */
    }
}
1 resposta

Eu creio que sim, porque como o outro @media screen vale para largura mínima de 0, também vale para as larguras acima de 768px com o valor de 2rem na margem inferior.