Código CSS:
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: "Jura", sans-serif;
background: linear-gradient(180deg, #154580 0%, #041833 100%);
color: white;
height: 100vh;
width: 100vw;
}
.titulo {
position: absolute;
top: 30px;
left: 180px;
font-size: 34px;
font-weight: bold;
text-decoration: underline 3px;
text-underline-offset: 25px;
}
.quadros__container {
display: flex;
flex-direction: column;
flex-wrap: wrap;
width: 1150px;
height: 600px;
position: absolute;
left: 176px;
top: 120px;
background: #525c63d8;
padding: 10px;
border-radius: 10px;
}
Olá Guilherme!
Muito bem! Você conseguiu aplicar as propriedades do Flexbox de forma certeira para reorganizar os elementos como solicitado pela cliente. Essa prática é essencial para entender o comportamento do layout em diferentes contextos, e você demonstrou domínio ao ajustar os itens conforme o exemplo, boa!
Parabéns por mais essa etapa concluída com atenção!
Espero ter ajudado! Bons estudos!
Sucesso ✨
