Я бы хотел, чтобы центрированное модальное диалоговое окно имело размер его содержания, допустим, я хочу, чтобы ввод был шириной 400px (я бы использовал максимальную ширину: 400px + Ширина: 100% на вводе), а ввод будет сокращаться на маленьких экранах автоматически, в то время как хороший размер на более крупных экранах. Центрированная сетка Modal-bg и я не знаю, как ее исправить без установки модального Window на полную ширину. AI не удалось в этой простой проблеме.
Код: Выделить всё
.modal-bg {
display: grid;
place-items: center;
min-width: 360px;
background-color: black;
}
.modal-window {
max-width: 500px;
padding: 0.25rem;
background-color: white;
}
.content {
width: 100%;
}< /code>
xxx
Подробнее здесь:
https://stackoverflow.com/questions/797 ... h-flexibly