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



@Grione

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

<ul>
<li><img src="https://qna.habr.com/img/clients.jpg"> </li>
<li><img src="https://qna.habr.com/img/clients.jpg"> </li>
<li><img src="https://qna.habr.com/img/clients.jpg"> </li>
<li><img src="https://qna.habr.com/img/clients.jpg"> </li>
<li><img src="https://qna.habr.com/img/clients.jpg"> </li>
<li><img src="https://qna.habr.com/img/clients.jpg"> </li>
<li><img src="https://qna.habr.com/img/clients.jpg"> </li>
<li><img src="https://qna.habr.com/img/clients.jpg"> </li>
<li><img src="https://qna.habr.com/img/clients.jpg"> </li>
<li><img src="https://qna.habr.com/img/clients.jpg"> </li>
<li><img src="https://qna.habr.com/img/clients.jpg"> </li>
<li><img src="https://qna.habr.com/img/clients.jpg"> </li>
<li><img src="https://qna.habr.com/img/clients.jpg"> </li>
</ul>

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

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


Решения вопроса 1



@MrDecoy Куратор тега CSS

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


Ответы на вопрос 1



@sergski

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *