ramzez
Coder
Hi all,
I am new to HTML & CSS and started to do the freeCodeCamp course. On my challenge to create a form I get these text input fields that extend around my form. I can't figure out why. I expected it to look like the dropdown menu, but I don't know why there is a difference.
This is what the CSS part looks like (I used ugly colors to see clearly what my margin/padding did):
Help is much appreciated!
~Ramzez
I am new to HTML & CSS and started to do the freeCodeCamp course. On my challenge to create a form I get these text input fields that extend around my form. I can't figure out why. I expected it to look like the dropdown menu, but I don't know why there is a difference.
This is what the CSS part looks like (I used ugly colors to see clearly what my margin/padding did):
CSS:
form {
background: yellow;
padding: 2.5rem 1.5rem;
border-radius: 0.25rem;
text-align: left;
}
.container {
width: 100%;
margin: 3rem auto 0 auto;
text-align: center;
}
.form-group {
background-color: white;
margin: 0 auto 1em auto;
padding: 0.25rem;
}
.form-control {
display: block;
width: 100%;
height: 2rem;
padding: 0.4rem .6rem;
background-color: black;
}
Help is much appreciated!
~Ramzez