PatternLab (0.1.259)

# Image

# Responsive Image

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus at atque autem consequatur expedita libero odit, vero? Alias commodi delectus dolore expedita magni, necessitatibus numquam perferendis quidem quo repudiandae voluptates? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores aspernatur at consequuntur culpa cupiditate delectus dolorem dolorum enim eos eveniet, harum minima nesciunt nihil perspiciatis praesentium quia quisquam rem vel?

{webinar.speaker}

Lorem Ipsum

hide code 
<div class="m-t-m h-flex h-flex-row h-space-between h-start">
    <div class="h-width-50">
        <h4>Lorem ipsum dolor sit amet</h4>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus at atque autem consequatur expedita libero odit, vero? Alias commodi delectus dolore expedita magni, necessitatibus numquam perferendis quidem quo repudiandae voluptates?
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores aspernatur at consequuntur culpa cupiditate delectus dolorem dolorum enim eos eveniet, harum minima nesciunt nihil perspiciatis praesentium quia quisquam rem vel?
        </p>
    </div>
    <div class="m-l-xl">
        <img class="c-image -responsive" src="https://via.placeholder.com/900x300.png" alt="{webinar.speaker}" loading="lazy" />
        <div class="">
            <p class="h-small">Lorem Ipsum</p>
        </div>
    </div>
</div>

← Input →