Page History

...

Code Block

language	html

<figure class="wp-block-pullquote mx-0 my-4 text-start">
    <p class="fs-5">add quote here</p>
</figure>

Supporting Images

Staggered image collage Image Modified	Mixed image collage Image Modified

Staggered collage (3 vertical photos)

...

Mixed collage (3 photos, 2 horizontal and 1 vertical)

Code Block

language	html
title	Mixed Collage w/caption	collapse	true

<div class="mixed-layout-collage">
   <div class="image-one">
      <img decoding="async" class="image brand-border-radius" src="" alt="" aria-desribedby="collage-caption">
   </div>
   <div class="image-two">
      <img decoding="async" class="image brand-border-radius" src="" alt="" aria-desribedby="collage-caption"> 
   </div>
    <div class="caption" id="collage-caption">
      <p class="mobile-caption pt-2">Mobile Caption</p>
      <p class="desktop-caption text-end">Desktop Caption</p>
   </div>
   <div class="image-three">
      <img decoding="async" class="image brand-border-radius" src="" alt="" aria-desribedby="collage-caption">
   </div> 
</div>

Code Block

language	html
title	Mixed Collage no caption

<div class="mixed-layout-collage">
   <div class="image-one">
      <img decoding="async" class="image brand-border-radius" src="" alt="">
   </div>
   <div class="image-two">
      <img decoding="async" class="image brand-border-radius" src="" alt=""> 
   </div>
   <div class="image-three">
      <img decoding="async" class="image brand-border-radius" src="" alt="">
   </div> 
</div>

Page tree

Versions Compared

Old Version 16

New Version 17

Key

Supporting Images

Staggered collage (3 vertical photos)

Mixed collage (3 photos, 2 horizontal and 1 vertical)