Survey Form - Tracker Healthy Habits

Hi coders,
I complete another project for Responsice Web section: The survey form.
It’s a simple tracker healthy habits.
If you have any further suggestions, I will be happy to hear them :smiley: .

This is my code on Codepen:
https://codepen.io/camilco/pen/abvzPRV

Good job, I like it.

Your form looks good @camcode. Some things for you to revisit;

  • When using codepen it only expects the code you’d put within the <body> </body> tags in HTML. (No need to include the body tags). For anything you want to add to <head> click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for <head>’ box.
    • The link to your font would go in the box labeled ‘Stuff for <head>’
    • The test script is JavaScript. It doesn’t belong in the head element
  • Revisit the lessons on adding radio buttons and checkboxes. Users should be able to click on the label to select, not just the radio button.
    Change the cursor to a pointer when hovering over the submit button
  • Make your page responsive. It falls apart on smaller screens
1 Like