<div class="Markdown-media grid grid--of-two">
    <div class="body flow">
        <p>We offer inspirational conferences, retreats and training opportunities for all levels of the design community. Each event is specifically targeted and curated to reach design practitioners and leaders at different stages of their career journey. Whether a digital leader, designer or developer we offer events and training to inspire you and your team.</p>
    </div>
    <figure class="Markdown-media__figure">
        <img src="/v6-assets/img/splash600w.jpg" alt="" loading="lazy" />
    </figure>
</div>
<div class="Markdown-media grid grid--of-two">
  <div class="body flow">
    {{ markdown|raw }}
  </div>
  <figure class="Markdown-media__figure">
    {% if image is defined and image.src is defined %}
      <img src="{{ image.src }}" alt="{{ image.alt }}" loading="lazy" />
    {% endif %}
  </figure>
</div>
{
  "markdown": "<p>We offer inspirational conferences, retreats and training opportunities for all levels of the design community. Each event is specifically targeted and curated to reach design practitioners and leaders at different stages of their career journey. Whether a digital leader, designer or developer we offer events and training to inspire you and your team.</p>",
  "image": {
    "src": "/v6-assets/img/splash600w.jpg",
    "alt": ""
  }
}
  • Content:
    .Markdown-media {
      &__figure {
        position: relative;
      }
    
      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    
        @media screen and (min-width: 50rem) {
          position: absolute;
        }
      }
    }
    
  • URL: /components/raw/markdown-media/markdown-media.css
  • Filesystem Path: src/templates/components/markdown-media/markdown-media.css
  • Size: 209 Bytes
  • Handle: @markdown-media
  • Preview:
  • Filesystem Path: src/templates/components/markdown-media/markdown-media.twig

No notes defined.