Размер диалогового окна mini. css

Question

На странице документации mini. css https://minicss.org/docs#modal -dialogs , есть пример модального диалога. Это работает, и все хорошо, просто размер (если быть точным, ширина) диалога кажется постоянным, независимо от размера экрана. Это очень коротко, даже на довольно широких экранах. Есть ли способ сделать его шире (например, занять 70% доступного пространства)?

Возможно, проблема тривиальна, но я не CSS эксперт. Я проверил размер элементов div, и они установлены на 100%. Просто модальная часть представляется такой маленькой.

Answer 1

Используется медиа-запрос, переопределите этот медиа-запрос.

media screen and (min-width: 320px)
.card {
     max-width: 70%; //try !important tag if does not work without it.
}

Или, возможно, определите свои собственные медиа-запросы.