Olá, podem me ajudar, por favor?
Quando fiz a versão responsivo do site, exercício sugerido no curso, sempre fica uma 'faixa' branca a direita. Pode verificar, por favor, o que eu fiz de erro? Eu uso Windows e Chrome.
https://github.com/Aline-Korndorfer/ExercAluraFrutaeFrutos.git
Grato, Aline
Oi, Aline
Eu verifiquei e não vi a uma 'faixa' branca a direita.
Poderia tirar um "print" da tela
Usei Linux e Chrome
Oi Luis, segue abaixo.
Oi, Aline
O problema são as imagens das pessoas "em linha" que não cabem na tela com essa demissão
Modifique "pessoa.css"
.pessoas{
display: flex;
padding-top: 3rem;
justify-content: space-around; /* o conteúdo(content) deve ter espaço ao redor de todos*/
}
@media screen and (min-width: 0){
.pessoas{
flex-direction: column;
}
}
@media screen and (min-width: 900px){ /* mude para 900px */
.pessoas{
flex-direction: row;
}
}
ps.: O arquivo "pessoas.css" está na pasta "assets/css/" e tem outro na pasta "assets/css/pessoas.css/". Você deveria corrigir isso