Задать вопрос

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

Пытаюсь на uikit реализовать toggle по каждому элементу из блока grid.
5f719af8111b4698552967.jpeg
По нажатию на элемент должно всплывать вот так:
5f719b0391ec1128262122.jpeg
Но всплывает вот так:
5f719b0a54c2b489775420.jpeg
- позиционируется левым краем по родительскому элементу.

Как универсально выйти из родительского блока? Простых решений я не нахожу. Позиционировать абсолютно не могу, в этом случае контент не будет сдвигаться вниз. Отрицательный левый маргин прописать тоже нельзя, потому что мы не знаем его значение. Какой это элемент в строке: первый, четвертый? Плюс еще и адаптив.
Подскажите, пожалуйста, какое решение здесь подойдет.
  • Вопрос задан
  • 213 просмотров
Подписаться 2 Простой 12 комментариев
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы