Так что в основном у меня есть приложение реагирования, и я пытаюсь создать сетку из квадратных элементов, но:
- Я не хочу уменьшать их до определенного размера (это означает, что когда страница сжимается последние элементы в строке помещаются в следующую строку и т. д. c.).
- Я также надеялся вставить несколько специальных элементов 2x2 в сетку (реально не много, между 1-3)
Я надеюсь, что смогу ввести серию объекты (упорядоченные по приоритету) и позволяющие странице динамически размещать их в пространстве сетки как можно лучше.
В прошлом я сделал bootstrap сеток, 1. их можно было достичь довольно легко, изменив. Значение col-x при определенной ширине экрана, поэтому элементы обтекания
Но 2. кажется действительно сложным:
создание строки c с элементом 2x2 и некоторыми Элементы 1x1 кажутся простыми, но тогда все это сломается, когда предыдущий ряд попытается обернуть, или когда мне придется обернуть элементы в этой строке c.
Я также думал смещения 2 последовательных строк и просто поместив div с полями 2x2 над смещением, но тогда мне придется изменить элементы строки, которые смещаются на лету, и я не знаю, как получить элемент, чтобы сказать мне, какая строка и колонка это находится в.
Есть идеи?