Dizem que uma maçã por dia mantém o médico longe… Mas isso também se aplica ao desenvolvimento web e CSS? O cartoon de hoje tentou responder a essa pergunta.

Como o cartoon é codificado em HTML e CSS, você pode conferir o código-fonte nesta demonstração ao vivo em comicss.art .

Alternativa

Também codifiquei uma versão alternativa, um pouco mais didática, destacando as partes do modelo da caixa usando o mesmo desenho (espero que a ideia do espaço pessoal seja clara… sei que pode não ser óbvio…)

Espero que esteja claro. Embora eu deva admitir, a linha tracejada que marca o espaço pessoal é um pouco estranha e pode ser confusa (pois pode parecer um campo de força e a margem é na verdade entre a pessoa e a fronteira em vez de entre a fronteira e o doutor.)