Please go through it and let me know your feedback on how to improve it.
Apart from that I have a small query.
I have added a border-bottom when the input element is active. It works fine in firefox. But it does not display in edge browser. I haven’t tried it in chrome or any other web browser yet. I could not figure out the problem. Any help would be great. Thanks.
Update
I have uploaded the survey page in Netlify. The form is functional right now.
@adi188288 your project is looking good. I think you should add the bottom border for the input fields at all times, not just when the field is in focus. It is hard to see where to input the information.
I believe you would need to add the CSS prefix to get the border bottom to work in Edge browser.