The input element exceeds the limits of it parent elment

Tell us what’s happening:
Describe your issue in detail here.


as you can see the select element fit in its place but the input element doesn’t so how can I fix this

this is the link to the project

Your browser information:
firefox developer edition
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.82 Safari/537.36

Challenge: Build a Survey Form

Link to the challenge:

Hi result of test has one error :

Inside the form element, I can select an option from a dropdown that has corresponding id=“dropdown”.’

it is wrong use id=“dropdown” for label element in your code, use id=“dropdown” for select element is correct

thanks for your answer, but my problem with the input elements wasn’t solved

i test your code with browser but i do not see your problem. everything was okay

These sorts of problems can almost always be solved with the CSS box-sizing property.

thank you, the problem was solved with that property

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.