Как сверстать плитку с разным количеством элементов в ряду?

Question

[Grione]

Есть список элементов

<ul>
<li><img src="/img/clients.jpg"> </li>
<li><img src="/img/clients.jpg"> </li>
<li><img src="/img/clients.jpg"> </li>
<li><img src="/img/clients.jpg"> </li>
<li><img src="/img/clients.jpg"> </li>
<li><img src="/img/clients.jpg"> </li>
<li><img src="/img/clients.jpg"> </li>
<li><img src="/img/clients.jpg"> </li>
<li><img src="/img/clients.jpg"> </li>
<li><img src="/img/clients.jpg"> </li>
<li><img src="/img/clients.jpg"> </li>
<li><img src="/img/clients.jpg"> </li>
<li><img src="/img/clients.jpg"> </li>
</ul>

Требуется сделать вот так по макету


Подскажите как реализовать такую плитку без изменения разметки? Как я понимаю на гридах только может получиться.

Answer 1

[Вадим]

Вообще тут Ваш код должен был быть, с Вашей попыткой реализации..

Answer 2

[sergski]

Наверно, самое простое -- задать ширину элементам в %.
С Райф - 75%, с Росбанк -- 50%, остальным 25%. И все в display: flex;

Comments

[Grione]

Я немного поправил код вопроса. У меня в списке не ряды, а внутренние элементы.

[sergski]

Grione, это ничего не меняет