My RWD Project( Environmental Survey Form)

hi all…here is my second RWD project of Survey form. Please review and give your comments:
https://codepen.io/ajay-codepen/pen/vYKMerX

1 Like

@a_parekh2006, your form looks good, passes all tests and is responsive. Some things to revisit;

  • 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 and address the issue(s). (A small typo)
    • (The one for HTML misses things which is why I recommend W3C)
  • User’s should be able to click on the label to toggle a selection, not just the radio button / checkbox
  • Change the cursor to a pointer when hovering over the submit button
  • Do not use the <br> element to force line breaks or spacing. That’s what CSS is for.

hi…thanks for your feedback…i have done the needful…please review and comment…thanks…
https://codepen.io/ajay-codepen/pen/vYKMerX

Good job cleaning things up @a_parekh2006.

There’s still a stray <br> in your code that you should get rid of.

Hi…thanks again…the
element was an oversight…will be careful not to use it except using it in address or poems…but I wonder why didn’t it show up in W3C validation??..

It’s not an error so W3C won’t flag it. But to use it in a way that’s not intended is not good practice. In fact, you can code an address or a poem using the pre element rather than br

Hey @a_parekh2006!

Your form looks awesome!

Keep up the good work!

Happy coding!

Oh ok…I shall try in one of the remaining RWD projects using multiparagraph element!..thanks.

Thanks jwilkins.oboe.