Survey Form Feedback and Suggestions

Project Feedback
#1

Hello,
Below are links to my survey form.

View My Form

See My Code

Any and all comments and/or suggestions are greatly appreciated.

Thank you!

#2

Hi @romorgan. You page looks okay. Some things to possibly revisit;

  • run your code through a validator. You have things in CSS that affect how your page displays. Same with HTML, possibly unclosed tags.
  • not sure what the purpose of the <span> tags are but the effect is that it makes anything enclosed in that tag appear as if it belongs with what’s below it. That is, it separates it from the sentence it’s supposed to be part of.
  • the page isn’t responsive
  • change the cursor to a pointer when hovering over the Submit button
  • not a fan of the color choices but that may just be me. See what others have to say.
1 Like
#3

Roma - Thank you!
I ran the code through both css and html validators.
The page is now responsive.
The cursor has been changed to a pointer when hovering the submit button.
I changed the colors.

The spans were an attempt to align the text next to the radio buttons. When viewed in a narrow window the text wraps but sits beneath the button. I’m still trying figure out how to align the wrapped text so that it sits under the text above it.

(O) This is how the text wraps
now.

I want the “now” to sit beneath “This”

1 Like
#4

On an instance of an offending label, you can try wrapping the input inside the label like in the challenge. If that doesn’t work then on a check box or radio button change the label’s display to block ( you may have towrap the two in a div or make it inline-block ).

1 Like
#5

Thank you tlc35us.
I’ve resolved the text wrap issue.
Below is the CSS that worked in this particular instance.

@media (max-width:630px) {
#competent, #dont-know{
float: left;
}
.txt-wrap {
position: relative;
top: 10px;
display: block;
margin-left: 20px;
}
}

#6