Wie man Div zentriert, aber den Inhalt flexibel dehnen ⇐ HTML

[Anonymous]

Ich möchte ein zentriertes modales Dialogfenster, um die Inhaltsgröße zu haben. Nehmen wir an, ich möchte, dass die Eingabe 400px-Breite (ich würde maximale Breite verwenden: 400px + Breite: 100% auf der Eingabe) und die Eingabe würde auf kleinen Bildschirmen automatisch schrumpfen, während sie eine schöne Größe auf Bigger-Bildschirmen haben. Modal-Window sollte die gleiche Größe haben wie Inhalt (Eingabe). AI ist bei diesem einfachen Problem spektakulär fehlgeschlagen.

Code: Select all

.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