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

Module full-image

lista · todo

Ideal — solo imagen de escritorio: se usa en todo el rango (100% viewport, 480px alto). (TID01)

(SizeLimitingPyMap: {image={alt=Urban landscape, loading=lazy, size_type=auto, src=https://26977350.fs1.hubspotusercontent-eu1.net/hubfs/26977350/demos/urban.png, width=1536, height=1024, max_width=1536, max_height=1024}})
Urban landscape

Ambas — escritorio (apaisada) y móvil (cuadrada): cambia de una a otra en md. (TID02)

(SizeLimitingPyMap: {image={alt=Urban landscape, loading=lazy, size_type=auto, src=https://26977350.fs1.hubspotusercontent-eu1.net/hubfs/26977350/demos/urban.png, width=1536, height=1024, max_width=1536, max_height=1024}, image_mobile={alt=Profesional portrait at the ofice, loading=lazy, size_type=auto, src=https://26977350.fs1.hubspotusercontent-eu1.net/hubfs/26977350/demos/sqportrait.png, width=300, height=300, max_width=300, max_height=300}})
Urban landscape
Profesional portrait at the ofice

Solo móvil — sin imagen de escritorio: la de móvil se usa en todo el rango. (TID03)

(SizeLimitingPyMap: {image_mobile={alt=Profesional portrait at the ofice, loading=lazy, size_type=auto, src=https://26977350.fs1.hubspotusercontent-eu1.net/hubfs/26977350/demos/sqportrait.png, width=300, height=300, max_width=300, max_height=300}})
Profesional portrait at the ofice

Caso inválido: sin ninguna imagen. La guard requiere al menos una (image o image_mobile) — debe dispararse hints.invalid_module(). (TID04)

(SizeLimitingPyMap: {image=null, image_mobile=null})

Module/full-image no cumple las condiciones para poder mostrarse, por favor, revisa su contenido

(SizeLimitingPyMap: {image={size_type=auto, src=, alt=null, loading=lazy}, image_mobile={size_type=auto, src=, alt=null, loading=lazy}, type=module})

Este mensaje sólo es visible en el editor