Just starting out with HTML and CSS here. I'm trying to use flexbox to create a form, but the width of my input fields and text area is off for some reason. Any ideas on what might be missing from my code? Thanks in advance!
Here's the CSS I'm using for my textarea and input field. More information can be found at CODEPEN
.flex-outer label {
flex: 1;
padding: 10px 15px;
}
.flex-outer input {
flex: 2;
}
input, textarea {
width: 200px;
}
label[for="message"] {
align-self: center;
}