1
resposta

Codando a sessão diferenciais

Eu não entendi porque o professor colocou um padding-top e um padding-botton de 3.5 rem. No figma o padding-top é de 74px que dá 4.5rem e não 3.5!

Também não entendi porque no diferenciais__item o professor colocou um padding: 2rem 0 2rem 5rem; Não bastava só colocar um margin-bottom: 3.5rem? Com a margin já ia dar um espaçamento entre os itens!

1 resposta

Oi, Debora, tudo bem?

Sobre o primeiro caso, nem sempre o que está no layout é exatamente o que será aplicado, Muita vezes o desenvolvedor pode entender que 1rem a mais é necessário para o elemento ficar onde deve ficar e não é uma diferença grande que impacte no layout.

Sobre a outra, a propriedade padding tem uma função diferente da margin. O padding cria um respiro entre o elemento e ,suas bordas e, nesse caso, o instrutor precisou adicionar o padding no top, bottom e no left.

Se ficou alguma dúvida, é só falar!

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