Boa noite, cheguei a esse resultado no desafio proposto, espero que esteja correto, caso não esteja, estou solicito a correção.
.quadros__container {
width: fit-content;
position: absolute;
top: 150px;
background: #525c63d8;
padding: 10px;
border-radius: 10px;
display: inline-flex;
justify-content: space-between;
}
Oii Nathan, tudo bem?
O código que você compartilhou tá correto para o desafio. Ele define um contêiner para os quadros com largura ajustada ao conteúdo, posicionado absolutamente a 150 pixels do topo da página, com um fundo e preenchimento específicos, usando flexbox para alinhar os quadros lado a lado e distribuí-los uniformemente com espaço entre eles.
Parabéns por praticar!
Um abraço e bons estudos.