Check the loaded image using the currentSrc property in Chrome Developer Tool, under the Properties tab.

One-third width images

Use the first row of Image blocks as reference.

Full size (2000×1872)
Medium (300×279)
Thumbnail (150×150)

Cards Collection

three columns

in a row

  • Card Elements Stacking: Horizontal Reverse
  • Block Width: Full
  • Content Width relative to Media Area: 70

Quarter width images

Use the first row of Image blocks as reference.

Full size (2000×1872)
Large (1024×953)
Medium (300×279)
Thumbnail (150×150)

Cards Collection

four columns

in a

row

  • Card Elements Stacking: Horizontal Reverse
  • Block Width: Full
  • Content Width relative to Media Area: 75

Full-width images

Use the Image block as reference.

Card Elements Stacking: Vertical

Card Elements Stacking: Stacked (eg. Hero)

Begin typing your search above and press return to search. Press Esc to cancel.