Roast me - survey form edition

Hey Guys!

I just finished the survey challenge and I will appreciate any feedback or tips :pray:

It does look quite similar to the FCC template but there was no copy pasting - I did it by myself…with google’s help obviously.

I am worried about two CSS things:

  1. Possibly, it might have been written to be easier to understand, be structured better.
  2. I am not sure about compability of some effects with other browsers/iOS (as I’m working on Windows/Chrome).


Your form looks good @kubus0212.
Your CSS looks good though I’d suggest having your media query all together at the bottom of the page rather than having it scattered. Makes it easier for anyone reading your code. And will be easier for you to read when you come back to it a year later.
Your form looks fine on iOS Chrome. That’s what I’m on.

An aside, codepen provides validators for HTML, CSS and JS. Click on the down arrow in the upper right of each section and then click on the respective ‘Analyze’ link.

  • The one for CSS is good. Use it, there’s a duplicate you should be aware of.
  • The one for HTML misses things which is why I recommend the W3C validator

Thanks @Roma! I appreciate yoru reply.

Moving media queries to the bottom makes perfect sense. I will start doing it from now on.

And I did use W3 HTML validator, but for some mysterious reason I didn’t think of CSS validators :man_shrugging: That’s good to know.

Thanks again!