Boa noite turma!
Estou com um duvida referente as variaveis declaradas na aula, fiz igualzinho ao da instrutora porem meu VSCode não reconhece as mesmas como variaveis e tambem não cheguei a verificar a propria instrutora declarando pois não sei se isso pode ser erro do meu VScode ou ela vai declarar na proxima aula, como ainda não tenho muita noção das proporções fico meio perdido de quais valores preciso declarar no style para que o sistema reconheça. segue o codigo css
CSS
.secao__cartoes
{
display:grid;
/* LARGURA MINIMA DA COLUNA*/
--largura-minima-da-coluna:100%/2;
/*LARGURA MAXIMA 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(var(--largura-maxima-da-coluna)));
grid-template-columns:repeat(auto-fit,minmax(var(--minimo), 1fr))
}
.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));*/
}
Estou aberto a sugestões.