Добрый всем день. Есть вопрос по вёрстке. Нужно сверстать такой макет, вот его пример
https://codepen.io/mk3mk/pen/RvQLGQ?editors=1111
Там 4 блока "Item", и из каждого блока при клике вылезает блок "inner".
Из первого вылезает нормально. Как и должен быть. Т.е. он расположен по центру. Из второго - со смещением вправо. Из третьего и четвертого тоже. Причем при уменьшении ширины окна , блоки встают по два в ряд, и третий блок получается первый слева, и из него блок "inner" вылезает нормально, встает по центру.
Возможно ли как-то сверстать, чтобы они все были выровнены по центру окна браузера ?
И при положении когда они в 4 ряда, и в 2 ряда, и в 1 ряд. Или это только с помощью скрипта можно сделать ?
Вот с помощью скрипта получилось сделать примерно то что нужно
https://codepen.io/mk3mk/pen/zeRPPj?editors=0011
но интересно, можно ли так сделать средствами css
и еще язычок не понятно как спозиционировать , чтобы он исходил от Центра нужного блока...
Предложенный вариант с готовыми решениями вроде Tooltip тоже не подходит
https://codepen.io/mk3mk/pen/OdQwaN?editors=1100
получается тоже самое, у второго блока Tooltip уходит за край....
