1
resposta

Cálculo de tamanho de card sem levar em consideração a última margin-right suprimida

Olá a todos,

Nesta atividade "Calculando o tamanho do card" da aula "Estilizando a seção de populares", a resposta do item é calc(20% - 1rem), mas isso não leva em consideração que o último elemento teve a sua margem suprimida. Neste caso, não seria melhor considerar algo como calc((100% - 4rem) / 5)? É uma expressão um tanto mais complexa, mas fora isso, existe algo que não a recomende?

1 resposta

Fala ai Tiago, tudo bem? Muito bem observado.

Nesse caso, quando utilizamos o calc acabamos não precisando usar o margin-right.

Algo mais ou menos assim:

.container {
    display: flex;
    justify-content: space-between;
}

.box {
    width: calc(20% - 1rem);
}

Isso vai adicionar o espaçamento entre os box's.

Acabou passando despercebido, obrigado pelo feedback.

Espero ter ajudado.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software