Survey Form: looking for general feedback

I Built This
1

Here is the link to my survey form.

2

It’s a good survey and I like its responsiveness but there is a little something which appears on small screens, Idk, you might want to adjust it.

Capture
Capture386Ă—825 40.7 KB

also the background color, it’s okay if you like it but I think it’s sharp Not comfortable for the eye. :slight_smile:

3

Thank you! I fixed it, I had the margin-right missing. I also changed the background color. :smiley:

4

It’s good now, I have another notice, sorry :sweat_smile:
your <textarea> element appears small specially on small screens

Capture

You can fix this by using “rows & cols” attributes.
You can read more about them here
using them making you able to decide the visible part of the textarea

5

I’d tried using them but they’re not working. Maybe i’m overwriting it by applying the rightTab CSS. The textarea is inside a div with that class, that helps me align all inputs on the right side.

6

I think it’s overwritten by the class="input-field" in the <textarea> element.
as when you remove it, It responds to rows and cols attribute…
I think you can try to make the height in css of .input-field of “auto” value.

.input-field{
height: auto;
width: 100%;
padding: 5px;
margin: 10px;
border: 1px solid:#ccc;
border-radius: 5px;
}

7

Genius! It worked. :smiley: Thanks! :smiley:

8

you’re welcome :smile: