Ich kann den richtigen Stil nicht finden. Welches Konzept fehlt mir hier? [geschlossen] ⇐ HTML

[Anonymous]

Ich versuche, die Hintergrundfarbe zu ignorieren, da die Hintergrundfarbe im Browser schwarz ist.


Hier ist mein Versuch.


Hier ist mein HTML und CSS. Welche Konzepte fehlen mir und was muss ich tun, damit sich dieser grüne Container nicht überall ausbreitet? Wenn ich den Eingabewrapper entferne, komme ich zwar ziemlich nah heran, 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:

Code: Select all

Practice




Username


Age (Years)


Add User