Survey form feedback (responsive design projects)

I’m just looking for some honest feedback on my survey form project:

  1. Make the entire background one of those two blues. Remember, only use primary and a secondary color for main colors.

  2. The questions should flex on top of the choices on smaller screens;

image .

  1. Your form should be 95% to 100% of the width on smaller screen:

Check out my notes below and look for media queries and flexbox to solve 2 & 3.

  1. Add transition: 0.5s ease-in-out to your hover for the submit button.

  2. Give your text-area a max-width of 200 px (for example) and give it a width of 100%. This will make sure that when people expand it will not go outside the form box.


Please hit the reply button or I do not get notified.

Helpful tools–>

I think I fixed the issues:

1 Like

Nicely done, looks good.

Make it wider on smaller screens using media queries (css line 203 - also do 95% to 100% width)

Add a box-shadow: 2px 2px 5px black; to your main survey forum and you can keep it if you like it.

Also if you like the box-shadow, try text-shadow: 2px 2px 5px black; for your text that is on the blue area.