Wie kann man die Seite bei Rückenwind adaptiv gestalten? ⇐ CSS

[Anonymous]

Ich habe eine Figma-Designvorlage mit Anmeldeformular in Pixeln:

Code: Select all

.form {
position: relative;
width: 632px;
height: 1280px;
}

.row {
display: grid;
grid-column-template: 50% 50%
}

Code: Select all

Name
Second Name

Also muss ich die maximale Breite auf .form setzen, um eine Größenänderung des Eingabeformulars um eine ganze Seite herum zu vermeiden. Jetzt hat es die Breite: 632px; im Design (vertikale Form).
Wie kann ich das auf TailwindCSS umschreiben? Nachdem ich das Dokument im Abschnittscontainer gelesen hatte, konnte ich Breite für Breite nicht finden: 632px;. Es gibt nur:

Code: Select all

container    None   width: 100%;
sm (640px)   max-width: 640px;
md (768px)   max-width: 768px;
lg (1024px)  max-width: 1024px;
xl (1280px)  max-width: 1280px;
2xl (1536px) max-width: 1536px;

Wie kann man die Form mithilfe des Rückenwinds adaptiv gestalten?