I’m just looking for some honest feedback on my survey form project: https://codepen.io/McDuckerton/full/NEOzBy/
Make the entire background one of those two blues. Remember, only use primary and a secondary color for main colors.
The questions should flex on top of the choices on smaller screens;
- 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.
Add transition: 0.5s ease-in-out to your hover for the submit button.
Give your text-area a
max-widthof 200 px (for example) and give it a
widthof 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–> https://codepen.io/Mike-was-here123/post/check-out-these-sites
I think I fixed the issues: https://codepen.io/McDuckerton/full/OaaYZR/
Nicely done, looks good.
Make it wider on smaller screens using media queries (css line 203 - also do 95% to 100% width)
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.