Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
o gap reduziu de 32px para 24 px para o desktop, e precisei fixar a width dos parágrafos em 384 px para que todos os depoimentos tivessem a mesma largura a partir da viewport de 1440pixels
@media screen and (min-width: 1440px) {
.testimonial-container {
flex-direction: row;
gap: 24px;
}
.testimonial-container article header p {
width: 384px;
}
}
Oii, Esperidião! Como vai?
Parabéns pela resolução da atividade!
Legal que você explorou o Flexbox pra dispor os depoimentos lado a lado com CSS, utilizou muito bem a media query pra aplicar o ajuste somente a partir de 1440 pixels e ainda compreendeu a importância da consistência visual para que todos os cards terminassem com a mesma largura.
Se quiser aprofundar ainda mais, algumas boas práticas são:
gap disputem o mesmo espaço e gerem transbordo.rem nos textos acompanha o ajuste de fonte feito pela pessoa no navegador.Ah, uma pergunta: O que você prefere quando precisa igualar cards em uma linha: deixar o Flexbox distribuir o espaço sozinho, ou definir uma largura de referência e controlar o resultado na mão?
Alguns materiais podem estar em inglês, mas é possível compreendê-los usando o recurso de tradução de páginas do próprio navegador.
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!