Grid или flexbox как разместить?

Question

[shelbyjohnson177]

Как с помощью grid или flexbox разместить вот так?

Comments

[Rustam Bainazarov]

Помочь с тем, чтобы поместить таблицу внутрь блока? :))

А другого ответа и не ждите, когда вы прислали картинку без кода.

[shelbyjohnson177]

Рустам Байназаров, Так мне и нужна помощь с кодом, я не знаю, как поместить туда блок с таб.

[Rustam Bainazarov]

shelbyjohnson177, это не фриланс.

Чтобы разместить так на flex, вам нужно две колонки (два блока). В левую размещаете карточки, в правую — таблицу.

Bootstrap:

<div class="row">

    <div class="col-xs-3">
    Сюда карточки
    </div>

    <div class="col-xs-9">
    Сюда таблицу
    </div>

</div>

[shelbyjohnson177]

Рустам Байназаров, Спасибо бро большое.

[Модератор]

shelbyjohnson177 дорогой пользователь, настоятельно рекомендуем еще раз обратить самое пристальное внимание на п. 3.1 регламента работы сервиса (и, в особенности, на его последний абзац). В противном случае, ваши вопросы будут удаляться по причине тег-спама, а систематические нарушения приведут к блокировке учетной записи.

Answer 1

[dicem]

Мужик, у тебя все на бутстрапе, якой грид, флекс. Используй сетку.
где у тебя .card элементы .col-lg-4 там где таблица .col-lg-8
https://jsfiddle.net/DiceMasters/b2mpcand/

Answer 2

[MisTFoR]

Нужен код.
Но могу провести на примере:
Допустим левая колонка и нижняя таблица находятся в одном блоке.
Но левая колонка например находится в диве "sidebar", а таблица в "information", то надо блоку - в котором они находятся прописать: display: flex;