I can't improve my score... Do you have any tip?

Tell us what’s happening:

Your code so far
this is html:

<div class= "container">
   <header class="header">
      <h1 id="title" class="form-center">Form A326 rps</h1>
      <p id="description" class="description-text-center">We are glad you are dealing with us. Please fill out this short questionnaire</p>

  <div class="image"><strong>CMA</div>
<form class="form" id="survey-form" action='https://docs.google.com/spreadsheets/d/1dKwlt6BDGMAYxg7Bh8rWFtISMACXjzdkPCCWnc8aC84/edit#gid=0'>
   <!-- this display the all form header content----------------------------------------------------------------->
  <div class="form2 text">
  <label id="email" for="email">E-mail:</label>
    <input class="headlight" type="text" required placeholder="write your Email" name:"email" id="email" class="control_name_field"/> </div>
   <!--     next question  -->
 <div class="form2 text">
   <label id="name" for="Name">Name: </label> <input type="text" class="headlight" required placeholder="write your name please" name:"name" id="name" class="control_name_field"/>
    <!--     next question ----------------------------------------------------------------------------------- -->
  <div class="form2 text">
      <label id="number" for="age">Your  age: </label>
 <input type="number" placeholder="Your age" name:"age" id="number" class="headlight" min="10" max="99"/></div>
    <!--  -----------   next question ------------------ -->
   <div class="form2 text">
     <p>What is your occupation at the moment?</p>
 <select class="headlight" id="dropdown" name:"role" class="control_name_field"/select>
     <option class="headlight" disabled selected value> select current occupation</option>
   <option value="Student">Student</option>
   <option value="job">Full time job</option>
   <option value="other">Other</option>
       <input class="headlight" id="information" type="text" placeholder="if other Please specify"/>
       <!--     next question  --------------------------------------------------------------------- -->
   <div class="form2">
     <p>Would you recommand this app for a friend?</p>
       <label id="job" for="Work">Yes:</label>
 <input type="radio" name:"user-radio" value="definitely" class="input_radio" checked/>
  <label id="job" for="Work">No:</label>
 <input type="radio" name:"user-radio" value="definitely" class="input_radio"/>
  <label id="job" for="Work">Not sure:</label>
 <input type="radio" name:"user-radio" value="definitely" class="input_radio"/></div> 

   <!--     next question  --------------------------------------------------------------------- -->
    <div class="form2 text">
     <p> what is your favorite feature from our conent ?</p>
  <select class="headlight" id="dropdown" name:"role" class="control_name_field" required>Your favorite feature
   <option disabled selected value> Your favorite feature is</option>
  <option value="Blogs">Blogs</option>
  <option value="Game videos">Game videos</option>
  <option value="Animations ">Animations</option>
  <option value="Songs">Songs</option></select>
  <!--     next question  --------------------------------------------------------------------- -->
<div class="form2">
  <p>What would you like from us to improve?
  <span class="clue">(check here bellow)</span></p>
  <label><input name="prefer" value="similar" type="checkbox" class="input-checkbox"/>Blogs</label>
   <label><input name="prefer" value="similar" type="checkbox" class="input-checkbox"/>videos</label>
   <label><input name="prefer" value="similar" type="checkbox" class="input-checkbox"/>songs</label>
   <label><input name="prefer" value="similar" type="checkbox" class="input-checkbox"/>cartoons</label>
   <label><input name="prefer" value="similar" type="checkbox" class="input-checkbox"/>Poadcasts</label>
 <!--     next question  --------------------------------------------------------------------- -->
<div class="form2">
<p> Send us your comment</p>
<input id="comment_section" type="text" placeholder="Your comment here ... "/>
  <div class="form2">
    <button id="submit"  type="submit" class="submit">Submit</button>

there is css here :

/* Universal selector: this cover all the website selector */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap');
  --color-white: #f3f3f3;
  --color-darkblue-alpha:rgba (27, 27, 50, 0.8);
  --color-greem : #37af65;
  /* this is browser defaut css settiings */
/* this is the body css setting*/
  font-family: 'poppins', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://www.fishphilosophy.com/wp-content/uploads/2017/06/blog-37-play-kids.jpg);
      background-repeat: no-repeat;
  background-attachment: fixed;
  margin: auto;
  opacity: 0.8;
  .container {
div {
  text-align: center;
  font-color: white,
  text-align: left;
.description-text-center {
  text-align: center;
.form-center {
  text-align: center;
.image {
  text-align: center;
  background-color: orange;
  position: relative;
  display: relative;
  left: 40%;
  font-family: "Sofia", sans-serif;;
  background: #BA55D3;
  color: white;
.form {
  background: linear-gradient(45deg, Plum, LightSeaGreen);
  margin:10px 20px;
  padding: 4px
button:hover {
  animation-name: blue;
  animation-duration: 500ms
#headlight {
  text-color: white;
  display: flex;
  align-items: center;
input, button, select, textarea{
  line-height: inherit;
  font-family: inherit;
  font-size: inherit;
button {
#comment_section {
  min-height: 100px;
  width: 95%;
  resize : vertical;
  display: center;
.submit {
  display: inline-block;
  width: 100%;
    padding: 0.3rem;
  background: blue;
  border-radius: 2px;

  width: 95%;
  height: 2.345rem;

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.41 YaBrowser/ Yowser/2.5 Safari/537.36.

Challenge: Build a Survey Form

Link to the challenge:

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

I’m thinking you mean not all tests are passing. Lets do this;

  • 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.
    • 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.

Looking quickly at your code

  1. the first user story has not been met. Read the entire message
  2. I’m seeing syntax errors. You’re not setting attributes correctly. Review the lessons as needed. Attributes, and how to set them, were introduced early in the lessons.

Hi @Eugene-2018 !

I think a good strategy for these projects is to tackle on user story at a time before moving onto the next one. Then you can worry about the design.

Right now you are failing 9 tests. Just focus working through one story at a time.

Also, I think in the beginning, it would be good to run your code through the html validator as you code. That way the syntax errors don’t pile up on you.

Hope that helps!