1
resposta

[Sugestão] Variávies e Cálculos

Fiquei uma noite inteira tentando entender essa parte das variávies e calculos.. Pra mim, ficou um pouco mais claro, quando troquei os nomes da váriaveis para inglês. Espero que ajude mais alguém:

.section__cards {
    display: grid;
    row-gap: 1rem;

    --column-gap: 1.25rem;
    column-gap: var(--column-gap);

    --gap-proportional: var(--column-gap) * (var(--maximum-number-cols) - 1) / var(--maximum-number-cols);

    /*Largura minima da coluna*/
    --minimum-col-width: 100%/2 - var(--gap-proportional);

    /*Largura maxima da coluna*/
    --max-maximum-col-width: 100%/var(--maximum-number-cols);
    --maximum-col-width: max(var(--min-maximum-col-width), var(--max-maximum-col-width) - var(--gap-proportional));

    --minimum: min(var(--minimum-col-width), var(--maximum-col-width));


    grid-template-columns: repeat(auto-fit, minmax(var(--minimum), 1fr));
}
1 resposta

Olá Nayara, tudo bem?

Excelente!!! Obrigada por compartilhar :)

Tenho certeza que ajudará muitos alunos!

Em caso de dúvidas ou dificuldades, estamos por aqui!!

Abraços e bons estudos!