Nombre
Se refiere al nombre que se le dará en el css y a la clase con que identificaremos cada molécula (componente). Para las Cartas será:
.m-box
Descripción
Para ver cuánto miden cada breakpoints ir a medidas de breakpoints
Desktop (breakpoints Xl y Lg)

Tablet y Teléfono (breakpoints Md, Sm, Xs, Xxs, X0)

Estados
Una molécula puede variar, de acuerdo al comportamiento o behavior que se defina para una situación específica. Los estados de una molécula indican como lucirá ésta para cada situación. Para este caso serán:
→ Default

→ :hover

→ :active

Behavior
Las animaciones de este organismo serán:
-
shadow-pop-br → Esta animación ocurrirá al inicio cuando cargue la página, aplicada por separado a cada elemento.
Puedes conseguir está animación en la siguiente página: Animatista