1
resposta

Imagem fora da section

Ola pessoal, meu código está igual da aula, porem minhas imagens estão fora da section.

Insira aqui a descrição dessa imagem para ajudar na acessibilidadeArquivo css: .destaques { background-color: var(--azul-claro); padding-top: 2.5rem; padding-bottom: 2rem; }

.destaques__titulo { color: car(--cinza-escuro); font-weight: 700; font-size: 1.5rem; font-family: var(--montserrart); text-transform: uppercase; text-align: center; margin-bottom: 2rem; }

.destaques__painel { display: flex; flex-direction: column; align-items: center; margin-bottom: 2rem; }

.destaques__painel-imagem { width: 100vh; max-width: 600px; box-shadow: 0 2px 10px 5px #00000020; margin-bottom: 0.5rem; box-sizing: border-box; }

.destaques__painel-texto { font-weight: 700; font-size: 1.2rem; line-height: normal; }

.destaques__botao { color: var(--vermelho-forte); border-color: var(--vermelho-forte); margin: 0 auto; }

HTML:(

Destaques

Painel do post sobre criação de logotipo Conheça as primeiras etapas para a criação de um logotipo Painel do post sobre fotografia com celular Veja dicas de como fotografar usando seu celular Receber destaques por email )
1 resposta

Boa tarde Rafael!

Perceba que no ".destaques__painel-imagem" em "width" está 100vh e o correto seria 100vw!!

Com essa correção as imagens ficarão no padrão!