Survey form feedback - thanks

Hi everone,

Check it out – >https://codepen.io/Moaad/pen/JjKowjy

I don’t feel yet comfortable with css, I do copy sometime things and try to understand.

did someone was at this stage of the curriculum and can share his experience.

Thanks :slight_smile:

Welcome back @MoaadAmer.

Don’t copy anything from the sample code.

Some things to revisit;

  • 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 current page passes 15/17 user stories but the page should be redone w/out referencing the sample page. 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.
  • Don’t try and replicate the sample projects. They are there as an example showing one way the project can be done.
    • Make the project from scratch, with your own code, style and content.

It looks good. It seems you pick a italic font-style from google font. Do you need all font-style italic? The padding of inputtext and textarea is small.

Hi There,

Thank you for the helpful reply, that helped.
I did the fixes, still, can’t see where I can check which tests pass and which are not.

Hi :slight_smile:

i think the font style will keep it as it for now

Fixed the padding

Thanks

You need to paste the test script that I mentioned in my original post as the first line in the HTML section of your pen. When you do, you’ll see a hamburger menu in the upper left.

  1. click on it
  2. select the appropriate project
  3. click the ‘Run Tests’ button
  4. if tests fail you’ll see the red button saying how many passed
  5. click the red button to see which test(s) are failing and text to help you correct the issue(s)

I added the to the settings as you said but it did not work, so I ended up adding it to the HTML

but there is an issue with this script, its actually testing the tribute page instead of the survey form :thinking:

@Roma

From my previous post;

paste the test script that I mentioned in my original post as the first line in the HTML section of your pen

From my previous post;

2. select the appropriate project

That means you click on the dropdown and select the appropriate project.

1 Like