Как центрировать div, но заставьте его гибко растянуть ⇐ Html

[Anonymous]

Я бы хотел, чтобы в центре модального диалогового окна было размер его содержания, допустим, что я хочу, чтобы ввод был шириной 400%(я бы использовал максимальную ширину: 400px + Ширина: 100% на вводе), и вход будет автоматически уменьшаться на небольших экранах, в то время как хороший размер на больших экранах. Modal-Window должен быть такого же размера, как и содержимое (вход).
Проблема состоит в том, что ширина: 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