Width: 100%; does not match between elements of the same class

#1

I’m pretty much done with my Survey Form project, but some of the elements are not as wide as others.

My submit button and my dropdown field are not as wide as the other input fields, even though they are both set to width: 100%; and I can’t for the life of me figure out why.

In the case of the dropdown field, my css is acting on a class that contains both the dropdown AND the text input fields, and they still aren’t the same width!

Here’s a link to my project: https://codepen.io/zombies808myneighbors/pen/NWqrOeX

Any help is super appreciated!

#2

Add this to the beginning of your css:

* {
  box-sizing: border-box;
}
1 Like
#3

That did the trick! Thanks so much!

#4