Survey Form - Build a Survey Form

HTML-CSS
1

I pass all the requirments of the form but when i ckecked the messaged me that is 20% complete why>?

  **Your code so far**

/* file: index.html */
<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href=styles.css
</head>
<body>
  <h1 id="title" class="title">Form

  </h1>
    <p id="description" class="form1">Description</p>
    <form id="survey-form" class="form">
      <label id="name-label" class="form2">
        <input 
        id="name" 
        type="text"
        required 
        placeholder="Enter your name">Name
      </label>
      <label id="email-label"class="form3">
        <input 
        id="email" 
        type="email" 
        required
        placeholder="Enter your email"
        >Email
      </label>
      <label id="number-label">
        <input 
        id="number" 
        type="number" 
        min="5" 
        max="80"
        placeholder="Enter a number">Number
        <p>You belong in:
        <select id="dropdown">
          <option>1<option>
            <option>2<option>

        </select>
        <p>What gender?
          <label>
            <input value="girl" name="girl" type="radio">girl
          
            <input value="boy" name="girl" type="radio">boy
          </label>
        
        <p>
          <p>
            <label> Read terms?
              <input type="checkbox" name="yes" value="yes">yes
            </label>
            <label>
              <input type="checkbox" name="no" value="no">no
              </label>
          </p>
          <textarea id="message">contact</textarea>
        <button type="submit" id="submit">submit</button>
      </label>


    </form>
</body>
</html>

/* file: styles.css */
body{
background-color:grey;
}
.title{
background-color:blue;
text-align:center;

}
.form{
max-width:500px;
padding :20px 12px 10px 20px;
font:13px Arial,Helvetica;

}
.form1{
font-weight:bold;
font-style:italic;
border-bottom:2px solid#ddd;
margin-bottom:20px;
font-size:15px;
padding-bottom:3px


}
.form2,.form3{
display:block;
margin:0px 0px 15px 0px;
width:100px;
font-weight:bold;
padding-top:8px;
padding-right:5px;


}

  **Your browser information:**

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

Because it’s 1 of 5 certification projects for the Responsive Web Design course.

You passed this one, it’s all good, nothing to worry about, good job.

1 Like
3

thanks for your help

4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.