CSS. Как сделать сетку 3 на 3 с выпадающим блоком?

Question

[TechNOIR]

Добрый день,товарищи знатоки.
Помогите пожалуйста реализовать следующую задачу.
Нужно сделать сетку 3 на 3. Каждый блок кликабелен и выпадает из него другой блок
1 блок с выпадающим из него другим реализован - Так
Но как сделать сетку?.. Что-то разные методы перепробовал,как-то криво получалось.. Решени как обычно просто как мир? Спасибо заранее)

Comments

[Андрей]

Было бы неплохо дать больше вводных. Как раскрывающийся блок должен вести себя по отношению к окружающим? Двигать ряд вниз, двигать свою строку вверх, быть абсолютно позиционированным и просто перекрывать соседа поверх?

Answer 1

[Владимир Владимирович]

вам может помочь flexbox. Полистайте, ближе к середине статьи есть похожие примеры https://html5book.ru/css3-flexbox/