Я создаю веб-приложение приборной панели, в котором есть несколько карточек в качестве оболочки контента. Из-за разного размера содержимого по умолчанию есть пробел, от которого я хотел избавиться. Вот скриншот:
снимок экрана моей проблемы
Я хочу, чтобы Официальная карта твита была растянута полностью вниз, чтобы она имела тот же размер, что и другие карты справа.
Я использовал d-flex align-items-stretch. Он растянулся, но ширина уменьшилась следующим образом:
после реализации d-flex align-items-stretch
Как мне сделать его идеально подходящим, чтобы заполнить пробел ?
PS: Я реализую это в React Bootstrap Grid