Black November

ATÉ 50% OFF

TÁ ACABANDO!

0 dias

0 horas

0 min

0 seg

Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

essa função calc deve ser usada em todo o projeto ?

Fiquei com dúvida em relação ao uso, isso seria a responsividade ?

Matricule-se agora e aproveite até 50% OFF

O maior desconto do ano para você evoluir com a maior escola de tecnologia

QUERO APROVEITAR
1 resposta
solução!

Boa tarde, Guilherme. Não existe a obrigatoriedade de usar a função calc em todo projeto. Ela é usada de acordo com a sua necessidade. Costuma-se usar a função calc para trabalhar dimensões de modo a tornar a página mais responsiva.

Imagine que você tenha dentro da tag main uma imagem que tenha uma largura igual a width: 377px e você quer centralizar esta imagem na página.

Mas você quer fazer isto de um modo responsivo, sem utilizar um valor fixo de largura total da página.

Um modo de fazê-lo seria com a função calc, da seguinte forma:

img {
    margin: 0 calc((100% - 377px) / 2);
}

Desta forma, qualquer que seja a largura da tela do seu navegador, você conseguirá centralizar a imagem apenas reservando à margem a largura restante após subtraída a largura da imagem.

Obs: Este cálculo de centralização é o cálculo base da propriedade auto no margin: 0 auto

Espero que tenha conseguido sanar sua dúvida. Qualquer dúvida estou à disposição.