Explicaremos cómo funcionan los espacios de nuestra aplicación y cómo es que funcionan las unidades.
Una unidad es igual a 10px
Por lo tanto 2 unidades serían igual a 20px
Es libre la configuración de estas unidades mientras se usen en totales y medias (1,2,2.5,3,3.5) no parcialidades (.2,.4,.6).
Los componentes de nuestro sistema tienen un margen de una unidades de espaciado (10px), este margen afecta a todos los ítems a su al rededor.
Por lo tanto pueden tener un espacio de 2 unidades (20px)
Tenemos una unidad (10px) de cada lado cuando los componentes contengan contenido.