Hola 👋 Ya conozco que el margin agrega un espacio exterior al bloque y el padding un espacio interior, pero cuando queremos hacer una sep...

Hola 👋 de hecho más adelante en la escuela te darás cuenta de que puedes usar mejores formas como flexbox o grid, pero no te quiero spoilear ;) Sin embargo el uso del margin y el padding dependerán del espacio que tengan los elementos con respecto a su elemento padre puedes usar padding si el crecimiento de tu elemento hijo no importa o margin si el espacio de los elementos con respecto al padre es suficiente y no se "salen" los elementos.

Hola, Giuseppe Muchas Gracias por la explicación

Funciona, pero no funciona siempre, es decir, el padding es transparente y "separa", pero si coloreas la caja y no tiene margin, se verán pegadas igual tenga o no contenido (cajas padre y lo demás no tiene nada que ver). Ahora, también debes tener en cuenta que un espacio en blanco, salto de línea o tabulado en el código HTML puede separte la caja,