Esta é minha sugestão para o desafio
.quadros__container {
position: absolute;
top: 150px;
background: #525c63d8;
padding: 5px;
border-radius: 10px;
display: flex;
justify-content: space-between;
gap: 5px;
}
Oii Joan, tudo bem?
Muito obrigada por compartilhar sua sugestão para o desafio, Joan! Sua abordagem utilizando flexbox e justify-content: space-between; é uma ótima maneira de organizar os elementos dentro do container .quadros__container. E, definir um espaçamento uniforme entre os itens usando a propriedade gap é uma prática recomendada para criar um layout mais limpo e organizado.
Continue assim e bons estudos!
Um abraço.