В настоящее время я занимаюсь разработкой веб-сайта с помощью CSS Grid, и я пытался настроить его как можно лучше с точки зрения адаптивного дизайна. Он отлично смотрится на всех устройствах от width: 320px и выше, однако моя единственная проблема сейчас заключается в том, что у меня есть несколько кнопок на моем веб-сайте, которые создают модальное / всплывающее окно, то есть фиксированное наложение. На немного больших экранах это выглядит великолепно, а также для width: 320px, но если высота экрана становится слишком маленькой, я не могу сейчас сделать гораздо больше, чтобы удалить вещи из всплывающего окна с помощью медиа-запросов, не делая его бесполезным , И это не прокручиваемый, как вы, наверное, знаете, поэтому я сейчас в тупике.
Итак, есть ли какое-нибудь классное решение для всплывающих окон на небольших экранах или это единственный способ не создавать всплывающие окна?