Project 2 - Survey Form - Feedback needed

Code Feedback
1

Hello there!

Yesterday I kind of finished my second project: the survey form.
Though it checks all marks on the test, I’m not fully happy with design and content.
Also I’ve got trouble getting the form elements to fit on mobile devices, so if you have a few spare minutes - help and general feedback are absolutely appreciated!

Thanks in advance,
Rey

Sorting Hat Survey by MissCypher

1 Like
2

Hi @misscypher,

Thank you for submitting your project.

For the mobile version, you can use media queries.

@media (max-width: 560px) {
   form {
      width: 90%;
   }
}

What does that code do the element form? If it was set to 60% on larger screen sizes, if will make it 90%, or whatever you give it, to a screen that it smaller than 560px.

Here’s my codepen for the same project. Take a look at the media queries at the end of the CSS. Let me know if you have any questions.

3

Your form looks good @misscypher. Some things to revisit;

  • Run your HTML code through the W3C validator.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
    • There are coding errors you should address.
  • Change the cursor to a pointer when hovering over the submit button

A suggestion, make the button look like a button instead of a bar.