Quando si usa em?

0 visualizações

em em CSS: unidade relativa ao tamanho da fonte.

  • Utilidade: Mantém proporcionalidade entre elementos ao alterar o tamanho da fonte.
  • Aplicações: Margens, preenchimento (padding), dimensões de imagens.
  • Benefício: Design consistente e equilibrado em diferentes tamanhos de tela e fontes. Elementos se ajustam harmoniosamente.
Feedback 0 curtidas

Quando usar em? Dicas e exemplos práticos

Sabe, tava mexendo num projeto em setembro do ano passado, um site de receitas da minha tia, e precisei lidar com responsividade. Me lembro que a parte mais chata era ajustar as imagens, a margem e o padding toda vez que mudava a fonte. Era um saco! Aí descobri essa técnica de tudo se ajustar junto, sabe? Quando a fonte muda, tudo muda junto, imagem, margens, tudo! Ficou muito mais fácil. Parecia mágica!

Antes, gastava horas, literalmente, ajustando pixel a pixel. Era um inferno! Imagina, em 2022, pra um site simples, era um desperdício de tempo. Agora, com essa abordagem, é muito mais fluído. Tipo, se aumento a fonte, tudo escala proporcionalmente. Acho incrível essa conexão entre os elementos, tudo harmonioso. Me senti muito mais produtiva.

Exemplo prático: Usei isso numa receita de bolo de cenoura que ela tinha, as imagens ficaram perfeitas em qualquer resolução. Não precisei me preocupar se ia ficar torto ou desproporcional em telas menores. A experiência foi muito melhor, e claro, menos estressante. Poupei tempo e o resultado foi um site bem mais clean. Valeu muito a pena!

Informações curtas: Responsividade. Ajustar margens, padding e imagens com mudanças de fonte. Melhora a harmonia visual e eficiência no design.

#Quando Usar #Situações De Uso #Uso Da Palavra