Как распределить 3 вертикальные строки по центру страницы?

Question

[Даня Квинов]

Дана таблица в которой три вертикальные строки. Страница разделена GRID сеткой на 3 фрагмента. Нужно чтобы таблица расположилась на всех трёх строках, а не на одной(как сделалось).
Сам вопрос: Как 1 строку таблицы расположить на 1 фрагменте, 2 строку на 2 фрагменте, 3 строку на 3 фрагменте?
https://codepen.io/dkingdeveloper/pen/vvJdwv?edito...

Comments

[alex]

тэкс что тут у нас? говнокод, код в картинках, вопрос понятный только самому автору. classic...

[Rustam Bainazarov]

Шикарные описание задачи и код картинкой.

[shmatuan]

Нужен код в https://codepen.io/ - без него это выглядит странно и вообще не вижу grid.
По факту или переделать таблицу по div или переделать table под display: grid;

p.s. как я понял это карточки - и очень плохая идея делать табличную вёрстку (в 2006 это было ещё ок, но не сейчас)..

[Rustam Bainazarov]

Alex, не одному мне пришли те же мысли, как я вижу.

[Даня Квинов]

Перефразировал,посмотрите

Answer 1

[Марат Гарифуллин]

У вас нет сетки, растяните таблицу на всю ширину экрана хотя бы)

.package {
  width: 100%;
}

Comments

[Даня Квинов]

Перефразировал,гляньте ещё раз)

[Марат Гарифуллин]

Даня Квинов, codepen пустой =)

Вам нужно разделить на три таблицы и каждую засунуть в свою ячейку

[Марат Гарифуллин]

Пришлите код страницы с сеткой

[Даня Квинов]

magarif, я делетант,извиняюсь) https://codepen.io/dkingdeveloper/pen/vvJdwv?edito...

[Марат Гарифуллин]

https://codepen.io/anon/pen/YdxaQo?editors=1100

[Даня Квинов]

magarif, точно, забыл про ul. Спасибо!

Answer 2

[shmatuan]

https://codepen.io/andreysh/pen/xmLWLy?editors=1100
Но если таблицами и делать - лучше 3 отдельные таблицы вписать в разные блоки и разделять уже их через grid