Можно

охотно верю, но моих знаний на это не очень хватает

))))

вот что требуется

логически разбил на группы
высота явно зависит от чартов, т.е. карточки растягиваюся на высоту чартов, ну или наоборот - что имеет большую высоту

у некоторых карточек тайтлов нету, при этом карточки не вылезают на место тайтлов

пробовал через грид ареа  -  не получилось, я так понял, грид айтемы должны быть корневыми элементами грид контейнера

Добро пожаловать, :/! Тут мы обсуждаем вопросы по вёрстке. Чаты по JavaScript найдёшь в описании.

Мы всегда рады помочь, но у нас есть правила.

Задавай свой вопрос сразу и полностью: nometa.xyz. Отдельно здороваться не нужно: neprivet.ru. Примеры кода кидай в «песочницу»: codepen.io/pen.

Если хочешь показать экран, делай это средствами системы, а не фотографией. Для Windows многие рекомендуют LightShot.

Мы рады тебе!

Для подтверждения того, что ты прочитал приветствие (а также то, что ты не бот),  нажми, пожалуйста, кнопку ниже

Чет я не соображаю. Как высота чартов должна влиять на высоту карточек?

нуу, возможно неправильно выразился
высота задается самым высоким элементом под тайтлом

что бы все остальные элементы - контент  -- растягивались на высоту самого высокого элемента

Самый высокий элемент - это видимо колонка внутри карточки?

не обязательно, чарт может быть выше, и карточка должна расятнуться на высоту чарта

Выше 3.500 имеется введу?

А если будет не 3.500, а 10.000? Карточка должна на второй монитор переходить?

Почему не начинать в таком случае не от 0 до 3.500, а от 1.000 до 3.500 и т.д.?

попробую на пен закинуть нормально.
мож так будет понятнее

https://codepen.io/mercey/pen/dyvrXVy
Так чтоль, чтобы они все по самому высокому поднимались?

напрвление верное,
но
если внутри айтемов будут тайтлы, как выорвнять по тайтлам

т.е. айтем - это див с тайтлом и контентом под ним, у всех дивов тайтлы и контент должен быть одинаковой высоты

Чем тебе "item 1" не тайт, не ровно относительно друг друга или что?