Width of my select tag is not the same as my label tag

after using html and css to style it i found out that my width is not 100% with my label tags. i used different classes but the same values, this my code. You should kindly check the widths of both the tags one is bigger than one but it has same values. Thank you at freecodecamp i will be waiting for your response Godbless!

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.51 Safari/537.36

Challenge: Build a Survey Form

Link to the challenge:

The styles for a particular element may be coming from multiple places, changing just one doesn’t necessarily ensure you will get what you want.
Seems like there is padding + border on one of the elements while the other element doesn’t have those. Once you remove them / adjust them you will end up with the label and input of the same size.
Are you familiar with how to use the inspect tools in the browser? Would be good to get familiar with those.
It may also be useful for you to go through this - box-sizing - CSS: Cascading Style Sheets | MDN

1 Like

thank you so much @jadczakd