Aspect ratios
CSS-Preset (example: 'wide' / 16:9)
Text after ... Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae omnis saepe ratione nesciunt, rem facere reprehenderit sint magni repellendus sit optio fugiat assumenda dolores dolorem, nobis fuga voluptatibus tenetur esse.
Flexible via inline style
Text after ... Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae omnis saepe ratione nesciunt, rem facere reprehenderit sint magni repellendus sit optio fugiat assumenda dolores dolorem, nobis fuga voluptatibus tenetur esse.
Unknown/none (reflow after load)
Text after ... Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae omnis saepe ratione nesciunt, rem facere reprehenderit sint magni repellendus sit optio fugiat assumenda dolores dolorem, nobis fuga voluptatibus tenetur esse.
Common configs
slider (mixed ratios)
Sizes:
- 380x
- 760x
- 1180x (Base)
- 1560x
- 2360x
Used in:
- Slider
xxl xwide (2:1)
Sizes:
- 380x190
- 780x390 (Base)
- 1560x780
Used in:
- Wall hero
xxl wide (16:9)
Sizes:
- 380x214
- 780x438 (Base)
- 1560x878
Used in:
- Gallery full
- Figure full
xl wide (16:9)
Sizes:
- 380x214
- 480x270 (Base)
- 960x540
Used in:
- About us mgmt.
lg xwide (2:1)
Sizes:
- 380x190 (Base)
- 760x380
Used in:
- 50:50 Figure
- Card teaser
- Horizontal teaser
lg wide (16:9)
Sizes:
- 380x214 (Base)
- 760x428
Used in:
- Scroll teaser xl
- Location info map
md wide (16:9)
Sizes:
- 220x124 (Base)
- 440x228
Used in:
- Projects box
md a4 (A4)
Sizes:
- 220x312 (Base)
- 440x624
Used in:
- Product
sm square (1:1)
Sizes:
- 154x154 (Base)
- 308x308
Used in:
- Person teaser
sm a4 (A4)
Sizes:
- 154x218 (Base)
- 308x436
Used in:
- Product small
pub a4 (A4)
Sizes:
- 128x182 (Base)
- 256x362
Used in:
- Publication teaser
xs wide (16:9)
Sizes:
- 92x52 (Base)
- 184x104
Used in:
- Gallery thumb
xxs square (1:1)
Sizes:
- 46x46 (Base)
- 92x92
Used in:
- X avatar
