Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Code Block
languagehtml
<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
languagehtml
titleMixed Collage w/captioncollapsetrue
<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
languagehtml
titleMixed 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>