Explicaremos como funcionan los espacios dentro de nuestra aplicación y como es que funcionan las unidades.

Unidades de espaciado

grilla-05.jpg

Una unidad es igual a **15px**

Por lo tanto 2 unidades serían igual a **30px**

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)

Margin

grilla-04.jpg

Los componentes de nuestro sistema tienen un margen de una unidad de espaciado (**15px**), este margen afecta a todos los items a su al rededor.

Por lo tanto pueden tener un espaciado de x2 unidades (**30px**)

Padding

grilla-02.jpg

Tendremos una unidad(**15px**) de cada lado cuando los componentes contengan contenido.