I checked our work. It has some issues you need to fix.
You added one disabled option for combobox, but it’s not selected by default. fix it. make that disable option selected.
Next issues is about the radio and checkbox buttons and missed label tags. This is very bad. please fix. each radio and checkbox should come with a dedicated label.
Your layout it not responsive at all.
just check how does it look with mobile, check:
I believe you admit it’s not good too.
one reason is becasue textarea. you set
cols for textarea to control the width of textarea. please don’t. it’s kind of absolute and would break you page as did.
Another reason is 50% width for
#border css rule. Using 50% of screen of a small device(like mobile) is not logical. mobile devices are small enough, so using maximum space of space is kind of gold mining.
I also think, two column grid for mobile with that content survey form has, is not kind of good idea. make it 1 column when it’s in mobile.
Also override and control the text fields(input) to let fit with container(especially for mobile) to avoid layout break.
All I mentioned as issues here dear, all need just some minute for fix, but if you ask me. I suggest you start a completely new survey form from zero and make the layout working first before you persist any page content.
You may check this survey form challenge walkthrough link would help you I believe. It has some code sample, states common issues too you took some of them. Please have read, and start a great survey form, no rush, be patient and do the job great.
keep going on great work. happy programming.