A solução proposta foi essa: div { width: calc(50% - 2em); padding: 1em; }
Porém, se fizéssemos assim div { width: 25% ; padding: 1em; }
Ele não somaria 4em com o padding? Logo 25% de 4em seria 1em.
Solucionado
A solução proposta foi essa: div { width: calc(50% - 2em); padding: 1em; }
Porém, se fizéssemos assim div { width: 25% ; padding: 1em; }
Ele não somaria 4em com o padding? Logo 25% de 4em seria 1em.
Fala aí Vitor, tudo bem? Na verdade é um pouco mais diferente.
Se eu entendi corretamente, o que você precisa fazer é deixa dois elementos na mesma linha, porém, ambos tem um padding.
Se você definir apenas os 50% ele vai quebrar por conta dos espaçamentos.
Por isso é necessário usar o calc e informar os 2em (1em para esquerda e outro para direita).
Do jeito que você fez, ele não irá ocupar metade da tela e sim um quarto dela.
Espero ter ajudado.