Bom dia, tudo bem?
Fiz as alterações conforme a aula, mas acho que não funcionou.. Os cartões voltaram a ficar em apenas uma coluna. Conforme foto anexada.
.secao__cartoes {
display: grid;
/*Largura mínima da coluna*/
--largura-minima-da-coluna: 100%/2;
/*Largura máxima da coluna*/
--max-largura-maxima-da-coluna: 100%/var(--quantidade-maxima-de-colunas);
--largura-maxima-da-coluna: max(var(--min-largura-maxima-da-coluna), var(--max-largura-maxima-da-coluna));
--minimo: min(var(largura-minima-da-coluna), var(--largura-maxima-da-coluna));
grid-template-columns: repeat(auto-fit, minmax(var(--minimo), 1fr)); /*não entendi mto isso */
}
.secao-horizontal .secao__cartoes {
--quantidade-maxima-de-colunas: 3;
--min-largura-maxima-da-coluna: 348px;
/* display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%/2, max(348px, 100%/3)), 1fr)); não entendi mto isso */
}
.secao-vertical .secao__cartoes {
grid-column: 1/3 ;
--quantidade-maxima-de-colunas: 6;
--min-largura-maxima-da-coluna: 165px;
/*display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%/2, max(165px, 100%/6)), 1fr)); */
}
