@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>


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

Подскажите как реализовать такую плитку без изменения разметки? Как я понимаю на гридах только может получиться.
  • Вопрос задан
  • 144 просмотра
Решения вопроса 1
MrDecoy
@MrDecoy Куратор тега CSS
Верставший фронтендер
Вообще тут Ваш код должен был быть, с Вашей попыткой реализации..

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

Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы