https://codepen.io/abdulkarim23/pen/JjKQEPg

https://codepen.io/abdulkarim23/pen/JjKQEPg

1 Like

Hi @abdulkarimkassimsali!

Did you have a question or did you want feedback on your form?

Ok I just closed your other topic.

How can we help you?

Please post your question here.

I’ve finished building a survey form plz check if I’ve done it wrong?https://codepen.io/abdulkarim23/pen/JjKQEPg

Your project passes all of the tests.

The form is hard to read because of this.

body{
opacity:0.4;
}

I would remove that.

Also there are some errors in your code that need your attention.
Run your code through the html validator https://validator.w3.org/ and codepen css validator.

1 Like

Hey @abdulkarimkassimsali!
Your form is good!
I have some remark.

  • As @jwilkins.oboe said the opacity can be removed.
  • You can add text at the bottom like “Made by Abdulkarim Salim”

That’s my feedback.

Thanks and Happy Coding :grin:

1 Like

Your form looks good @abdulkarimkassimsali. Some things to revisit;

  • In the future give a descriptive title to your topic.
    • A link in the title is not descriptive and user’s cannot click on it.
  • 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>’
  • As previously mentioned, run your HTML code through the W3C validator.
    • There are HTML coding errors you should be aware of and address.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
  • 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).
    • (The one for HTML misses things which is why I recommend W3C)
  • Change the cursor to a pointer when hovering over the submit button
1 Like