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? */
}
}