Survey form feedback (responsive design projects)

Code Feedback
1

I’m just looking for some honest feedback on my survey form project: https://codepen.io/McDuckerton/full/NEOzBy/

2

  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:

image
image443×940 33.1 KB

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.

Notes

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

Helpful tools–> https://codepen.io/Mike-was-here123/post/check-out-these-sites

3

I think I fixed the issues: https://codepen.io/McDuckerton/full/OaaYZR/

1 Like
4

Nicely done, looks good.

5

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.

image
image1920×1040 72.8 KB