[M 504] Universal 4 col - Image, video + text w/ background - w/ Slider

1 item

Picture alt text

Category

DD.MM.YYYY

Headline

Ugait velendiam iure coreet nulluptat non vel eraessent lum volor init lum quatio et inis adignit, quat luptat, quipis ercin vero ex exeraessi [...]

2 items

Picture alt text

Category

DD.MM.YYYY

Headline

Ugait velendiam iure coreet nulluptat non vel eraessent lum volor init lum quatio et inis adignit, quat luptat, quipis ercin vero ex exeraessi [...]

Picture alt text

Category

DD.MM.YYYY

Headline

Ugait velendiam iure coreet nulluptat non vel eraessent lum volor init lum quatio et inis adignit, quat luptat, quipis ercin vero ex exeraessi.

5 items

Picture alt text

Category

DD.MM.YYYY

Headline

Ugait velendiam iure coreet nulluptat non vel eraessent lum volor init lum quatio et inis adignit, quat luptat, quipis ercin vero ex exeraessi [...]

Picture alt text

Category

DD.MM.YYYY

Headline

Ugait velendiam iure coreet nulluptat non vel eraessent lum volor init lum quatio et inis adignit, quat luptat, quipis ercin vero ex exeraessi.

Picture alt text

Category

DD.MM.YYYY

Headline

Ugait velendiam iure coreet nulluptat non vel eraessent lum volor init lum quatio et inis adignit, quat luptat, quipis ercin vero ex exeraessi [...]

Picture alt text

Category

DD.MM.YYYY

Headline

Ugait velendiam iure coreet nulluptat non vel eraessent lum volor init lum quatio et inis adignit!

Picture alt text

Category

DD.MM.YYYY

Headline

Ugait velendiam iure coreet nulluptat non vel eraessent lum volor init lum quatio et inis adignit!

Transparent Background

Picture alt text

Category

DD.MM.YYYY

Headline

Ugait velendiam iure coreet nulluptat non vel eraessent lum volor init lum quatio et inis adignit, quat luptat, quipis ercin vero ex exeraessi [...]

Image Sizes

Module

Image

Editor crop

Editor note

Srcset type

(Display Density,
Width Descriptor)

WCMS src and srcset definition

Sizes attribute
[M 504] 3, 4 col - Image, video + text w/ background - Slider 4 col (3 items) w: 800
h: flex (recommended 0.6w)		 images next to each other must be cropped to the same height WD src="400"
srcset="200w 200w, 400 400w, 800 800w"		 sizes="(max-width: 520px) 45vw, (max-width: 1010px) 30vw, 20vw"
3 col (4 items) w: 588
h: flex (recommended 0.6w)		 images next to each other must be cropped to the same height WD src="294"
srcset="147 147w, 294 294w, 588 588w"		 sizes="(max-width: 520px) 45vw, (max-width: 1010px) 20vw, 15vw"
Social icons no, controlled by WCMS - DD src="40"
srcset="40 1x, 80 2x"		 -