SurveyPage-Project

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!

1 Like

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 :call_me_hand:

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.
  • It’s a nit but the placeholder text should not mirror the label. It should show the format the user it to enter
1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.