Survey forum Feedback

Code Feedback
1

Hey guys !
I would love to get some feedback on this survey forum project.
Ty and all the best !
https://codepen.io/Slavkec/pen/XWXdJzM

I tried to make the background img blurr so that the text can be more readable, couldn’t make ti work. Tried the suggestion form stackoverflow and W3 school but it didn’t work form me.I would appreciate the advice!

1 Like
2

Overall not to bad but there are some spelling issues, and someone will call on the inline styles/ not having all your styles in the css window. You want to keep your html purely html an let your css do all the design.

Here is some background help to get you started with that.

Also toss your html through this when you get it cleaned up and it will help you make sure its all in order. https://validator.w3.org/#validate_by_input

You’re doing fine though, here really is a lot to learn. Just keep going! :grin: I made the same mistakes with my first submission.

Also I found this to be a good supplemental course along with fcc and W3, kinda helped me fill in the gaps. https://www.udemy.com/course/the-web-developer-bootcamp

3

Thank you very much for the FeedBack I really appreciate it! I wrote my code in the Visual studio code thats why HTML and CSS are in the same window,i just like it more :smiley:
Thank you for the vids and links I am sure it will help me !

1 Like
4

Some things to revisit @Slavkec;

  • Keep the test script when forking the pen (<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>).
    • The test script should be included, with all tests passing, when you submit your projects.
    • Your page passes 1/17 user stories. Click the red button to see which test(s) are failing and text to help you correct the issue.
  • Codepen provides the boilerplate for you. It only expects the code you’d put within the body element in HTML. (No need to include the body tags). For anything you want to add to the <head> element click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for <head>’ box.
    • The link to the font goes in the box labeled ‘Stuff for <head>’
  • Run your HTML code through the W3C validator.
    • There are HTML coding errors you should address. Actually runs into a fatal error and cannot continue. You should clean up your HTML.
  • Don’t use <br> to force line breaks or spacing. That’s what CSS is for.
  • Change the cursor to a pointer when hovering over the submit button.

Even in VSC you should have external styling. A page for HTML and then link to the CSS page. And when you cut/paste from VSC to codepen then paste into the appropriate sections.

1 Like