@kingdomofcrooked
Дизайнер

Сделать div в виде сетки?

Привет. Никак не могу определиться как сделать блок с информацией в ячейках. Их будет 3 блока. В каждом темном квадрате я хочу разместить текст. Конечно можно использовать скрипт галереи в таком же стиле, но она уже используется. Может быть можно как то в css сделать? Чтобы эта сетка могла масштабироваться.

ps сейчас вижу только грубый вариант — сделать эти блоки в абсолютной позиции и для каждого widht 50%, так как если сделать position relative, float:left,right, тогда при масштабировании они начнут наезжать друг на друга из-за чего один будет уходить под другой.

Untitled1j_7716352_21328854.jpg
  • Вопрос задан
  • 420 просмотров
Решения вопроса 2
TMGLUK
@TMGLUK
UX-дизайнер
Используй flexbox
Ответ написан
svistiboshka
@svistiboshka
живые веб интерфейсы
что тут может выезжать наезжать? https://jsfiddle.net/fyzh4hdb/
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
@devstudent
frontend-developer
с чего бы им наезжать? родителю позишн релатив, ширина 100%, им тоже позишн релатив, ширина 33% (если три штуки будет) + флоат.
Ответ написан
Pshkll
@Pshkll
isotope.metafizzy.co
masonry.desandro.com
Ответ написан
Alexey_Suprun
@Alexey_Suprun
Web Developer Blog - ссылка в описании
Как вариант несколько блоков использовать
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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