Department Satisfaction: A Survey Form

Code Feedback
1

Survey Form: Department Satisfaction

Hello again! Up for feedback and constructive criticism is my Survey Form project (for Responsive Web Design) featuring my second favorite office crew from the Dilbert comic strip. Let me know what you think!

Thank you in advance! :smile:

2

Really like your design! Quicksand is my favorite font family :slight_smile:

Here are few suggestions.

  • I would give some paddings to your input boxes. Words inside them are too close to the borders.
  • Change cursor of mouse when it hovers on submit button.
  • Going mobile makes your image too small. I would remove it. Also your textarea stretches too long.

Cheers :clap:

1 Like
3

You have a couple of unknown properties in your container class in CSS. Did you mean ‘grid-template-columns’ and ‘grid-template-rows’?

1 Like
4

Thank you! Quicksand is definitely one of my favorite fonts, too. :slight_smile:

Also, thank you for your suggestions–I’ve updated my page to reflect:

  • Padding to input boxes. Check.
  • Change the cursor of the mouse when it hovers on submit. Check
  • The image has been removed, but my page unfortunately isn’t formatted for mobile just yet. Also, the textarea is now fixed to only stretch vertically.

I’m running into an issue where the input fields of my grids are not stacking below the labels when viewing on mobile or a smaller viewport/resolution than desktop, and I realize I may just need to reformat/rewrite the entire layout. Ever run into the dilemma where you’re not sure where you need to pick up and fix an element? I’m there. I realize, again, that this is where my own comments would likely have come in really handy.

Still a work in progress, but I’ll keep working to improve this page. Thanks again @shimphillip!

5

Yes! I’ve changed those from display- to grid- and still need to apply the appropriate values for them. Excellent catch–thank you @Roma!

1 Like