box-sizing: border-box es lo primero que pongo en cualquier proyecto

andrea F.

Nivel 3 · 7 ene 2026

Me acuerdo de cuando no entendía por qué mi caja de width: 300px medía 342px. Desde que conocí border-box no volví atrás: *, *::before, *::after { box-sizing: border-box; } ¿Qué más ponen siempre en su reset?

Respuestas 5

Mariana F.
Nivel 3 · 8 ene 2026
0 0
img, video { max-width: 100%; display: block; } para que nunca se salgan del contenedor.
Alan V.
Nivel 3 · 8 ene 2026
1 0
body { margin: 0; }, porque el margen por defecto del body molesta en todos lados.
Elías L.
Nivel 3 · 9 ene 2026
0 0
Y heredar la fuente en los controles de formulario: input, button, textarea, select { font: inherit; }. Si no, usan otra fuente y otro tamaño.
Nicolás M.
Nivel 2 · 9 ene 2026
0 0
line-height: 1.5 en el body para legibilidad. El valor por defecto queda apretado.
andrea F.
Nivel 3 · 9 ene 2026
0 0
Lo del font: inherit en los inputs me pasa siempre y nunca supe por qué. Al reset.