Как прижать нижние колонки к низу родительского блока?
Нужно сделать вот такой вид:
Надо, чтобы нижние колонки были вытянуты по самой нижней, т. е. чтобы не было пустых пространств.
Вот пример кода: https://codepen.io/uscms/pen/wBKarao
weranda, у тебя все сломается. если ты в дальнейшем контент в блоках будет увеличиться. лучше задать фиксированную высоту. а если контент больше. то обрезается текст
ак и должно быть. Разный контент по объему в блоках.
Поэтому ваш вариант не работает должным образом — у вас все блоки в ряду одинаковой высоты, но они должны быть по высоте контента в них и липнуть к предыдущему в ряду. Прям как на скриншоте в вопросе.
imasdf, Ну, это уже слишком жесткий код, который не позволит иметь несколько блоков с разным количеством вложенных блоков. Надо что-то универсальное, не зависящее от количества блоков, объема контента в них, а также и от ширины.
а можно ли на гридах или флексах сделать так, чтобы количество элементов в строке было произвольным, а последний элемент занимал всю оставшуюся ширину?
(грид тут получается однострочный)
К сожалению, без хака тут не обойтись. Но если получен результат, то кому какое дело? Берем волшебную палочку и достаём кролика из шапки. Сплошная иллюзия и никакого мошенничества.
Hovo_Varosyan, Не, так появляются пустые пространства у контейнеров, а их быть не должно — только у нижних.
Вот так они должны прижиматься к низу и друг к другу:
weranda, тебе нужно поработать с height у items и если правильно помню у grid есть методы для этого justify-content(мало работал с grid), или можешь попробовать через flex
Hovo_Varosyan, если бы он сразу показал фото, что нужно сделать было б проще. Тут да, если данные статические и просто как украшение для сайта делать "хард код", т.е для каждого элемента своя ширина и высота, если динамически погружается, то тут уже сложнее, нужна логика на JS(глянь похожие сайты, пинтерест и т.д)
imasdf, в этом и проблема, решения много, но зависит от того что он хочет создать, если это те текстовые поля и они статические, то просто нужно поработать с grid (flex) и height, но если нужно каждый раз показывать что то оригинальный ... я согласен нужно поработать с JavaScript, если правильно помню то же самое есть и в Instagram
Видите на скриншоте крестики красные?
Вот этого быть не должно. Верхние блоки должны занимать высоту по содержимому контента, а они высоту всего ряда занимают.