bpoint: min 2xs xs sm md lg xl 2xl 3xl

Macros loopers/steps-cols

lista · todo

.regular

2 pasos — 2 columnas desde sm. (TID01)

(SizeLimitingPyMap: {steps=[{title=Investigación, description=Lorem ipsum dolor sit amet, consectetur adipiscing elit.}, {title=Prototipado, description=Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.}]})

Investigación

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Prototipado

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

3 pasos — 3 columnas desde md. (TID02)

(SizeLimitingPyMap: {steps=[{title=Investigación, description=Lorem ipsum dolor sit amet, consectetur adipiscing elit.}, {title=Prototipado, description=Sed do eiusmod tempor incididunt ut labore et dolore magna.}, {title=Validación, description=Ut enim ad minim veniam, quis nostrud exercitation ullamco.}]})

Investigación

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Prototipado

Sed do eiusmod tempor incididunt ut labore et dolore magna.

Validación

Ut enim ad minim veniam, quis nostrud exercitation ullamco.

4 pasos — 4 columnas desde lg. (TID03)

(SizeLimitingPyMap: {steps=[{title=Investigación, description=Lorem ipsum dolor sit amet, consectetur adipiscing.}, {title=Prototipado, description=Sed do eiusmod tempor incididunt ut labore.}, {title=Validación, description=Ut enim ad minim veniam, quis nostrud.}, {title=Lanzamiento, description=Duis aute irure dolor in reprehenderit in voluptate.}]})

Investigación

Lorem ipsum dolor sit amet, consectetur adipiscing.

Prototipado

Sed do eiusmod tempor incididunt ut labore.

Validación

Ut enim ad minim veniam, quis nostrud.

Lanzamiento

Duis aute irure dolor in reprehenderit in voluptate.

Inválido — sin pasos (lista vacía): la guard impide el render y no se emite HTML. (TID04)

(SizeLimitingPyMap: {steps=[]})