@Aitd

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

Приветствую всех. Поступило необычное предложение составить сетку для вывода изображений в нестандартном формате. Хочется решить всё это дело только средствами css.
В таком:
ZHDKZ6bPRaOdJkpFpxL2hw.png

Пример - https://jsfiddle.net/h0fb7tqp/1/ текущей работы воспаленного сознания (дел особых с css не имел)

P.s. Для случая упрощения (если исходная проблема слишком сложна) возможен вариант 2:
Когда первые 7 ( до второго большого) в текущей реализации на jsfiddle идут правильно и нужно чтобы 14 картинка была справа, с 8 по 13 обтекали её слева, также как со 2 по 7 обтекает картинку номер 1.

С помощью nth-child не получается придумать правильный алгоритм
Возможно использование sass
  • Вопрос задан
  • 168 просмотров
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 2
Exploding
@Exploding
wtf?
Может лучше вот это юзайте?https://packery.metafizzy.co и время сэкономить можно
Ответ написан
delphinpro
@delphinpro Куратор тега CSS
frontend developer
https://codepen.io/delphinpro/pen/BWJEgG

только вам придется немного доработать под себя. но там не сложно.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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