Ich kann den richtigen Stil nicht finden. Welches Konzept fehlt mir hier? ⇐ CSS

[Anonymous]

Dies ist das Endprodukt. Ich versuche, die Hintergrundfarbe zu ignorieren, da die Hintergrundfarbe im Browser schwarz ist.
Geben Sie hier die Bildbeschreibung ein
Hier ist meine Testversion.
Geben Sie hier die Bildbeschreibung ein
Hier ist mein HTML und CSS. Bitte teilen Sie mir mit, welche Konzepte mir fehlen und was ich tun sollte, damit sich dieser grüne Container nicht überall ausbreitet. Auch wenn ich den Inputwrapper entferne, komme ich ziemlich nah dran, aber nicht nah genug.
Hier ist meine HTML-Datei und hier ist meine CSS-Datei.
style.css

Code: Select all

  .container {
width: 100px;
min-height: 200px;
display: block;
border-radius: 12px;
padding-top: 20px;
background-color: green;
padding-left: 50%;
padding-right: 50%;
}

.inputWrapper label {
font-weight: bold;
margin-bottom: 10px;
align-items: flex-end;
justify-content: space-between;
}

/* .inputWrapper {

border: 5px solid darkblue;
width: 300px;
display:block;

} */

und index.html-Datei ist

Code: Select all

  






Practice




Username


Age (Years)


Add User