Как выстроить такую галерею на гридах?

Question

[markvasyliev]

Как выстроить данную галерею на гридах? И нужно ли? Пока что получается только то, что на первой картинке. На следующих двух - макет и адаптив. Заранее спасибо за решение/объяснение.

<div class="main-images">
 <img src="images/gear-1.png" alt="" />
  <img src="images/gear-2.png" alt="" />
  <img src="images/gear-3.png" alt="" />
 </div>

Comments

[Ankhena]

Теперь нужно сделать так, чтобы большие картинки занимали не по одной ячейке, а по 2.

Пройдите коротенькую игрушку по гридам https://cssgridgarden.com/#ru если не нравится смотреть в справочник свойств.

[Ankhena]

Если не получится, выложите свой код с видимой проблемой на jsfiddle.net и позовите.

[markvasyliev]

Ankhena, нет, все получилось. Спасибо за решение.

Answer 1

[Vladislav]

Онлайн генератор гридов https://basicweb.ru/css/grid_generator.php