Проблема с адаптивом сложного элемента. Поможете?

Question

[Governnment]

Доброго времени суток. Пожалуйста, помогите решить проблему с блоком. Немогу никак адаптировать под моб (max-width 480px). Пожалуйста, посмотрите код и скажите в чем проблема. Нужен толковый человек

https://github.com/Governnment/responsive

Comments

[FeST1VaL]

Выкладывайте код в песочницу... никто не будет ставить ради вашего вопроса на локальный сервер ваш сайт... темболее нужен только кусок

[Governnment]

Артем Будин, https://codepen.io/uiswarup/pen/RBByzW вот код этого элемента. Если присылать весь блок, то там будет путаница

[FeST1VaL]

Governnment, ну как бы не похоже на ваш элемент.
И в чем будет путаница?
Если вы не можете вытащить из сайта какой то блок со стилями, то может пора задуматься об дальнейшем изучении, а не практики?

Answer 1

[RAX7]

Answer 2

[Bodrosh]

У вас стоит абсолютное позиционирование данного блока на маленьком экране:

@media screen and (max-width: 480px)
.box {
    position: absolute;

Можно, например, контейнеру выше (div class="container") задать высоту не менее высоты данного блока (height: 380px;) на указанном разрешении, ситуация будет получше и немного добавить стилей, чтобы все выровнять