Survey Challenge Issue

Tell us what’s happening:
The drop down selection and submit button width isn’t lining up with the reset of my fields. I’m not sure why they are a little shorter, but I don’t like the aesthetics of it.

Your code so far
input[type=text],input[type=email], input[type=number], select, textarea, button {
width: 100%;
font-family: inherit;
font-size: 15px;
border-radius: 5px;
padding: 2px;
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.3 Safari/605.1.15.

Challenge: Build a Survey Form

Link to the challenge:

Since you didn’t provide a link to the actual project I have to guess a little here, but I’m pretty sure you are going to want to use the CSS box-sizing property to get them to behave.

Awesome! Thank you! box-sizing: border-box; worked great! Sorry for forgetting the link, but you nailed it anyways.

1 Like