Плитка во всю высоту. Что не так?

Question

[Heorhii]

Не могу понять в чем дело... нужно чтобы группа картинок растянулась во всю высоту, чтоб внизу этот пробел не сиял. Ulkit. Скрин и код прилаживаю. Хелпаните
joxi.ru/vAWna4oHkGjbd2

<div class="uk-child-width-1-2" uk-grid>
       <div>
           <img src="images/tfAZnVsLqtY.jpg" alt="">
       </div>
       <div class="uk-child-width-1-2" uk-grid>
           <div><img src="images/IMG_9953.JPG" alt=""></div>
           <div><img src="images/IMG_9958.JPG" alt=""></div>
           <div><img src="images/IMG_9987.JPG" alt=""></div>
           <div><img src="images/IMG_9990.JPG" alt=""></div>
       </div>
   </div>

Comments

[Arbitr]

флексами сделай, html5.by/blog/flexbox/,
чтобы был перенос поиграйся с flex-wrap

Answer 1

[Ankhena]

Просто flex
https://jsfiddle.net/3940rLtw/
У вас очень много лишних оберток, можно обойтись совсем без них.

Поскольку, CSS вы решили сохранить в тайне, то размеры сами подгоняйте.

Comments

[Heorhii]

Спасибо

Answer 2

[Heorhii]

Осенило) Вот как правильно в такой ситуации

<div class="uk-child-width-1-2 uk-grid-small" uk-grid>
  <div><img src=""></div>
  <div class="uk-child-width-1-2 uk-grid-match uk-grid-small" uk-grid>
    <div><img src=""></div>
    <div><img src=""></div>
    <div><img src=""></div>
    <div><img src=""></div>
  </div>
</div>