Responsive Web Design Projects - Build a Survey Form, tests i solved correctly won't let me pass

HTML-CSS
1

Tell us what’s happening:
I was doing survery form exercise, and somehow, think it was because of the bug, yesterday i had 13 passed tests, while having the same code, today i have 6. How much of the tests i really passed? Can someone help me get rid of bugs so i can pass these challenges.

Your code so far

https://codepen.io/rideronthestorm22/pen/zYGeYxb (my background doesn’t show for some reason)
Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.149 Safari/537.36.

Challenge: Build a Survey Form

Link to the challenge:

2

Hello there.

You have all of your HTML in the CSS section of CodePen…

Some things to note when using CodePen:

  1. CodePen does not expect any content outwith the body tags.
  2. All meta, link, and script information must be put in the :gear: settings section of the HTML editor.
  3. You do not need to/cannot link the CSS in your HTML, if you place the CSS in the appropriate section.
  4. If your project uses React, use the Babel preprocessor, and link the CDN in the appropriate :gear: section.
  5. The editors offer the ability to format and analyse your code, providing useful information about forgotten closing tags etc.

If you are still confused with how to use CodePen, please read the official documentation.

Hope this helps

1 Like
3

I fixed it now, sorry about that, still have same problems, just 6 tests passed of 17, while yesterday i had 13 with unchanged code

4

Could you send the CodePen link again, because it is not updated on the original link?

5

https://codepen.io/rideronthestorm22/pen/vYObYam

6

HTML sintax

  • you have an opening <body> tag on line 4 with no matching closing tag (you can remove this as codepen expect what’s inside the body tags but not the body tags themselves)
  • you have <div id="main"> on line 5 with no matching closing tag
  • you have <div id="title-description"> on line 6 with no matching closing tag
  • you have <div id="main"> on line 87 with no matching closing tag

CSS syntax

  • line 5: there is a position rule with no value
  • lines 8-11, #big-text selector is empty

TESTS

  • For the name, email, and number input fields inside the form I can see corresponding labels that describe the purpose of each field with the following ids: id="name-label", id="email-label", and id="number-label". - there is not a #name-label element, a #email-label element or #number-label element
  • Inside the form element, I can select several fields from a series of checkboxes, each of which must have a value attribute. - none of your checkboxes have a value attribute
  • Inside the form element, I am presented with a <textarea> at the end for additional comments.' - there is not a textarea element
1 Like