Preciso de uma ajuda, estou com problema com a section secundário, texto está ficando abaixo da imagem e não do lado. Abaixo link dos códigos fontes. https://github.com/Jussaracferreira/aluraplus.git
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!
Preciso de uma ajuda, estou com problema com a section secundário, texto está ficando abaixo da imagem e não do lado. Abaixo link dos códigos fontes. https://github.com/Jussaracferreira/aluraplus.git
Olá Jussara! Corrige esse no CSS
.container__secundario { display: flex; /* Define o layout flexível / align-items: center; / Alinha os itens verticalmente / justify-content: center; / Centraliza os itens na seção / gap: 2rem; / Espaçamento entre imagem e texto */ padding: 2rem 10rem; }
.container__descricao { display: flex; flex-direction: column; /* Garante que o texto fique em coluna */ max-width: 50%; }
.secundario__imagem { width: 50%; /* Ajusta o tamanho da imagem / max-width: 400px; / Define um tamanho máximo */ }
Mesmo alterando conforme acima não ficou como no projeto do figma. Titulo ficou em 3 linhas e texto em 7 linhas. Imagem e texto ficaram centralizados. Códigos ficaram bem diferente do que foi demonstrado na aula.
Consegui resolver: Deletei do .container__secundario
justify-content: center;
gap: 2rem;
padding: 2rem 10rem;
Ficou assim:
.container__secundario{
align-items: center;
margin: 0 10em;
display: flex;
}
Só uma OBS: Os códigos não ficaram iguais da aula.
Boa noite! Infelizmente, não sei como isso foi mostrado na aula. Eu aconselhei com base na sua pergunta. O principal é que você resolveu o problema, e o código funciona. Boa sorte!