Queria um espaçamento menor entre um item e outro, mais parecido com a imagem exemplo (https://cursos.alura.com.br/course/css-flexbox-layouts-responsivos/task/112621)
Então apliquei auto na largura, display flex e gap de 5 px entre um elemento e outro.
.quadros__container {
/*Largura alterada*/
width: auto;
position: absolute;
left: 176px;
top: 150px;
background: #525c63d8;
padding: 10px;
border-radius: 10px;
/*Display flex + gap de 5 pra espaçar os elementos*/
display: flex;
gap: 5px;
