antes de aplicar o flexbox, alterei a largura para auto, assim ficaria melhor as disposições dos icones na página.
.quadros__container {
display: flex;
justify-content: space-between;
align-items: center;
gap: 5px;
/*ALTERAÇÃO DA LARGURA */
width: auto;
position: absolute;
left: 176px;
top: 150px;
background: #525c63d8;
padding: 10px;
border-radius: 10px;
}
Oii Isabel, tudo bem?
A sugestão de alterar a largura para auto antes de aplicar o flexbox é uma boa abordagem pra garantir que os ícones sejam dispostos de forma mais adequada na página. A utilização do flexbox, juntamente com o justify-content: space-between e align-items: center, proporciona um layout mais flexível e responsivo, adaptando-se melhor a diferentes tamanhos de tela e dispositivos.
Continua assim!
Um abraço e bons estudos.