SurveyPage-Project

[karanbir-007]

Hi there,
I made this project of survey page as a new start for HTML and CSS. Took a bit help from the sample as well for the design.
Here is the link: https://codepen.io/karanbir-007/pen/oNZxBdo

Any feedback would be really appreciated.
Also, I am having a lack of motivation now or something else because there are number of features that I can use but not using them yet in the code.

Thank you so much!

[shervinee]

That looks nice, you did a nice job over there!
I like your choice of color and the font. It’s not a typical font you’d see in a website to it’s uniquely interesting to me.

As for the next steps I can think of couple of things that you can add or edit in your code:

• Try to minimize your use of <br> in HTML. Having spaces and paddings with the use of CSS is always preferred to having <br> tags. The main reason is that the HTML file would be more readable this way.

• Try to see how you can leverage some JavaScript code. One simple but effective addiction could be to populate the methods of purchase from a hard-coded JSON file returned from javaScript.
  You could also try to add a counter or something for the checkboxes and let the user know how many of the products she’s chosen.

There could be more additions but I think these two would cover some HTML/CSS/JS practice for you at the same time.

Good luck and keep up the neat work

[Roma]

Welcome to the forums @karanbir-007. Your form looks good. Some things to revisit;

• Verify your email addr with codepen so we can see your page full view
• Keep the test script when forking the pen (<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>)
  • The test script, with all tests passing, should be included when you submit your projects.
  • Your page passes 16/17 user stories. Click the red button to see which test(s) are failing and text to help you correct the issue.
  • Be sure and read more than just the first line of the failing message. The ability to read and comprehend error messages is a skill you’ll need to acquire as a developer. Ask questions on what you don’t understand.
• Run your HTML code through the W3C validator.
  • There are HTML syntax/coding errors you should be aware of and address.
  • Since copy/paste from codepen you can ignore the first warning and first two errors.
• 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.
  • Reference MDN Docs
• It’s a nit but the placeholder text should not mirror the label. It should show the format the user it to enter