Шкала высоты галереи - PullRequest
Новая
       19

Шкала высоты галереи

1 голос
/ 29 марта 2019

Я пытаюсь установить галерею изображений с помощью начальной загрузки Twitter, но у меня есть некоторые проблемы с подбором высоты точно такой же высоты.

Я хочу добиться 30-пиксельного отступа между всеми промежутками (между маленькими и большими изображениями).

Это мой код: 

<section>
  <div class="container">
    <div class="row">
      <div class="gallery__wrapper">
        <div class="gallery__container ">
          <div class="gallery__item gallery__item--small">
            <div class="gallery__item--media"><img src="https://dummyimage.com/810x461/e0e0e0/000000.jpg" alt=""></div>
          </div>
          <div class="gallery__item gallery__item--small">
            <div class="gallery__item--media"><img src="https://dummyimage.com/810x461/e0e0e0/000000.jpg" alt=""></div>
          </div>
        </div>
        <div class="gallery__container">
          <div class="gallery__item gallery__item--large">
            <div class="gallery__item--media"><img src="https://dummyimage.com/810x964/e0e0e0/000000.jpg" alt=""></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

https://codepen.io/anon/pen/QoeXYN

На экране xl все нормально, две колонки имеют одинаковую высоту, но для экрана lg, md большое изображение короче. Как я могу достичь одинаковой высоты и сохранить одинаковый промежуток между изображениями?

...