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

[Dúvida] Dúvida sobre espaçamento em 8 pontos

Oi pessoal, tudo bem? Neste vídeo do Alura+ o professor explica os motivos pelos quais devemos usar 8 pontos de espaço entre os elementos mas me resta uma dúvida: como fazer se na soma dos elementos o valor não for múltiplo de 8?

Notem que no exemplo do vídeo mesmo, aos 14m13s o elemento de caixa de input + texto "E-mail" fica com 65 de altura total. Esse tamanho ímpar não poderia dar problema ao escalar o design pra outros tamanhos? Qual seria a solução nesses casos?

Muito obrigado desde já :)

1 resposta
solução!

Bom dia Guilherme, tudo bem ^^

Então, você foi uma pessoa com uma ótima percepção hahahaha, o professor neste caso acabou deslizando por 1 px, por que 64 é divisível por 8 e se encaixa no modelo de 8 pixel grid. Então neste caso ai foi apenas um deslize.

O sistema de 8px é uma referencia visual para você aplicar no seu produto, nem sempre é necessário seguir exatamente este sistema, ele é mais harmônico e uma boa indicação mas você tem liberdade de criar a sua grid e desenvolver o seu produto de outras formas, então caso você queira usar um elemento um pouco maior ou um pouco menor não é que não possa fazê-lo, só tomar cuidado para compensar os espaçamentos e respiro caso seja muito discrepante e fazer de forma pensada essas mudanças.

A solução no caso do sistema é sempre ajustar os elementos para que eles se encaixem no sistema em si, o professor deveria ter reduzido um pixel ali, mas note como isso não vai fazer com que o layout fique inutilizável ou ruim.