<div class="unit-flex-grid">
  <div class="unit-flex-grid__column">
    <!-- some unit -->
    <p class="unit-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    <figure class="unit-pict  unit-pict--fit-max-width  util--float-left">
      <img class="unit-pict__src" src="https://picsum.photos/200/150/?grayscale&amp;blur=10" alt="" width="200" height="150" />
    </figure>
    <p class="unit-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    <!-- some unit -->
  </div>
  <div class="unit-flex-grid__column">
    <!-- some unit -->
    <figure class="unit-pict  unit-pict--fit-max-width  util--float-left">
      <img class="unit-pict__src" src="https://picsum.photos/200/150/?grayscale&amp;blur=10" alt="" width="200" height="150" />
    </figure>
    <p class="unit-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    <!-- some unit -->
  </div>
</div>

<div class="unit-flex-grid  {{modifier_class}}">
  <div class="unit-flex-grid__column">
    <!-- some unit -->
    <p class="unit-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    <figure class="unit-pict  unit-pict--fit-max-width  util--float-left">
      <img class="unit-pict__src" src="https://picsum.photos/200/150/?grayscale&amp;blur=10" alt="" width="200" height="150" />
    </figure>
    <p class="unit-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    <!-- some unit -->
  </div>
  <div class="unit-flex-grid__column">
    <!-- some unit -->
    <figure class="unit-pict  unit-pict--fit-max-width  util--float-left">
      <img class="unit-pict__src" src="https://picsum.photos/200/150/?grayscale&amp;blur=10" alt="" width="200" height="150" />
    </figure>
    <p class="unit-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    <!-- some unit -->
  </div>
</div>

<div class="unit-flex-grid  {{modifier_class}}">
  <div class="unit-flex-grid__column  util--width-max-200">
    <!-- some unit -->
    <figure class="unit-pict  unit-pict--fit-max-width  util--float-left">
      <img class="unit-pict__src" src="https://picsum.photos/200/150/?grayscale&amp;blur=10" alt="" width="200" height="150" />
    </figure>
    <p class="unit-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    <!-- some unit -->
  </div>
  <div class="unit-flex-grid__column  util--width-max-200">
    <!-- some unit -->
    <figure class="unit-pict  unit-pict--fit-max-width  util--float-left">
      <img class="unit-pict__src" src="https://picsum.photos/200/150/?grayscale&amp;blur=10" alt="" width="200" height="150" />
    </figure>
    <p class="unit-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    <!-- some unit -->
  </div>
  <div class="unit-flex-grid__column  util--width-max-200">
    <!-- some unit -->
    <figure class="unit-pict  unit-pict--fit-max-width  util--float-left">
      <img class="unit-pict__src" src="https://picsum.photos/200/150/?grayscale&amp;blur=10" alt="" width="200" height="150" />
    </figure>
    <p class="unit-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    <!-- some unit -->
  </div>
  <div class="unit-flex-grid__column  util--width-max-200">
    <!-- some unit -->
    <figure class="unit-pict  unit-pict--fit-max-width  util--float-left">
      <img class="unit-pict__src" src="https://picsum.photos/200/150/?grayscale&amp;blur=10" alt="" width="200" height="150" />
    </figure>
    <p class="unit-text">Lorem ipsum dolor sit amet.</p>
    <!-- some unit -->
  </div>
</div>

<div class="unit-flex-grid  {{modifier_class}}">
  <div class="unit-flex-grid__column  util--width-max-200">
    <!-- some unit -->
    <figure class="unit-pict  unit-pict--fit-max-width  util--float-left">
      <img class="unit-pict__src" src="https://picsum.photos/200/150/?grayscale&amp;blur=10" alt="" width="200" height="150" />
    </figure>
    <p class="unit-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    <!-- some unit -->
  </div>
  <div class="unit-flex-grid__column  util--width-max-200">
    <!-- some unit -->
    <figure class="unit-pict  unit-pict--fit-max-width  util--float-left">
      <img class="unit-pict__src" src="https://picsum.photos/200/150/?grayscale&amp;blur=10" alt="" width="200" height="150" />
    </figure>
    <p class="unit-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    <!-- some unit -->
  </div>
  <div class="unit-flex-grid__column  util--width-max-200">
    <!-- some unit -->
    <figure class="unit-pict  unit-pict--fit-max-width  util--float-left">
      <img class="unit-pict__src" src="https://picsum.photos/200/150/?grayscale&amp;blur=10" alt="" width="200" height="150" />
    </figure>
    <p class="unit-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    <!-- some unit -->
  </div>
  <div class="unit-flex-grid__column  util--width-max-200">
    <!-- some unit -->
    <figure class="unit-pict  unit-pict--fit-max-width  util--float-left">
      <img class="unit-pict__src" src="https://picsum.photos/200/150/?grayscale&amp;blur=10" alt="" width="200" height="150" />
    </figure>
    <p class="unit-text">Lorem ipsum dolor sit amet.</p>
    <!-- some unit -->
  </div>
</div>

<div class="unit-flex-grid  {{modifier_class}}">
  <div class="unit-flex-grid__column  util--width-max-200">
    <!-- some unit -->
    <figure class="unit-pict  unit-pict--fit-max-width  util--float-left">
      <img class="unit-pict__src" src="https://picsum.photos/200/150/?grayscale&amp;blur=10" alt="" width="200" height="150" />
    </figure>
    <p class="unit-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    <!-- some unit -->
  </div>
  <div class="unit-flex-grid__column  util--width-max-200">
    <!-- some unit -->
    <figure class="unit-pict  unit-pict--fit-max-width  util--float-left">
      <img class="unit-pict__src" src="https://picsum.photos/200/150/?grayscale&amp;blur=10" alt="" width="200" height="150" />
    </figure>
    <p class="unit-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    <!-- some unit -->
  </div>
  <div class="unit-flex-grid__column  util--width-max-200">
    <!-- some unit -->
    <figure class="unit-pict  unit-pict--fit-max-width  util--float-left">
      <img class="unit-pict__src" src="https://picsum.photos/200/150/?grayscale&amp;blur=10" alt="" width="200" height="150" />
    </figure>
    <p class="unit-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    <!-- some unit -->
  </div>
  <div class="unit-flex-grid__column  util--width-max-200">
    <!-- some unit -->
    <figure class="unit-pict  unit-pict--fit-max-width  util--float-left">
      <img class="unit-pict__src" src="https://picsum.photos/200/150/?grayscale&amp;blur=10" alt="" width="200" height="150" />
    </figure>
    <p class="unit-text">Lorem ipsum dolor sit amet.</p>
    <!-- some unit -->
  </div>
</div>