[M 501] 8 col image, 4 col text w/ background
[M 501] 6 col image, 6 col text w/ background
[M 501] 4 col image, 8 col text w/ background
[M 501] 4, 6, 8 col image/text w/ background - slider
Image Sizes
Module |
Image |
Editor crop |
Editor note |
Srcset type(Display Density,Width Descriptor) |
WCMS src and srcset definition |
Sizes attribute |
|---|---|---|---|---|---|---|
| [501] 4, 6, 8 col - Image, video + text w/ background | 4 col | w: 800 h: flexible (recommended 1w) |
The height of the grey/orange box adapts to the current height of the image. Note: if you add content to the box, please check the layout on all viewports. Images in slider must be cropped to the same height. |
WD | src="600" srcset="400 400w, 600 600w, 800 800w" |
sizes=(max-width: 764px) 100vw, (max-width: 1010px) 30vw, 21vw |
| 6 col | w: 1230 h: flexible (recommended 0.8w) |
The height of the grey/orange box adapts to the current height of the image. Note: if you add content to the box, please check the layout on all viewports. Images in slider must be cropped to the same height. |
WD | src="923" srcset="615 615w, 923 923w, 1230 1230w" |
sizes=(max-width: 764px) 100vw, (max-width: 1010px) 45vw, 35vw | |
| 8 col | w: 830 h: flexible (recommended 0.6w) |
The height of the grey/orange box adapts to the current height of the image. Note: if you add content to the box, please check the layout on all viewports. Images in slider must be cropped to the same height. |
WD | src="623" srcset="415 415w, 623 623w, 830 830w" |
sizes=(max-width: 764px) 100vw, (max-width: 1010px) 62vw, 45vw |