Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

For some reason, step 38 says i haven’t included at least 2 radio buttons but there are 7. What is going on?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html>
  <head><link rel="stylesheet" href="styles.css">
  <title>Leave a Review: Survey</title>
  </head>
  <body class="yuh">
    <h1 id="title">To leave a review, please take this survey:</h1>
    <p id="description">Thank you for the request to leave a review. Please take your time to fill out this survey to help us know what you liked and disliked.</p>
    <form id="survey-form" class="centered-stuff">
      <label id="name-label"> Please put your name:<br>
        <input type="text" required id="name" placeholder="We need your name now">
      </label>
      <label id="email-label"><br>Please enter your email:<br>
        <input id="email" type="email" placeholder="Give us your email now" required>
      </label>
      <label id="number-label"><br>Tell us your age (optional):<br>
        <input type="number" id="number" min="10" max="120" placeholder="AGE OK">
      </label>
      <label></br>What is your role NOW?<br>
        <select id="dropdown">
          <option disabled selected value="">I HAVEN'T CHOSEN</option>
          <option>I am a student</option>
          <option>I have to do work but I'm still studying</option>
          <option>I am employed/empoying</option>
          <option>Why should you know?</option>
          <option>Some other option which can't ever exist...</option>
        </select>
      </label>
      <label><br>What is the probabilty that you would <s>force</s> get a friend to join freeCodeCamp?<br>
      <div>
        <input type="radio" value="liklyness" name="p" checked>
        Certain<br>
        <input type="radio" value="liklyness" name="p1">
        Very likely<br>
        <input type="radio" value="liklyness" name="p2">
        Fairly likely<br>
        <input type="radio" value="liklyness" name="p3">
        Unsure<br>
        <input type="radio" value="liklyness" name="p4">
        Fairly unlikely<br>
        <input type="radio" value="liklyness" name="p5">
        Very unlikley<br>
        <input type="radio" value="liklyness" name="p6">
        Impossible<br>
        </div>
      <label><br>What is it about this website you really hate or want to be different/added NOW?<br>
        <div>
          <input type="checkbox" value="thing0" checked required> Front-end stuff<br>
          <input type="checkbox" value="thing1"> Back-end stuff<br>
          <input type="checkbox" value="thing2"> Challenges<br>
          <input type="checkbox" value="thing3"> Open-source community<br>
          <input type="checkbox" value="thing4"> Videos<br>
          <input type="checkbox" value="thing5"> Forum<br>
          <input type="checkbox" value="thing6"> Additional courses<br>
        </div>
      </label>
      <label>
        <br>Do you have anything else to say <s>before we beat you up</s>?<br>
        <textarea placeholder="SAY SOMETHING!!!" maxwidth="500px" minwidth="300px"></textarea><br>
      </label>
      <button type="submit" id="submit" class="submit-button">
      Submit <s>before we beat you up</s>
      </button>
    </form>
  </body>
</html>

/* file: styles.css */
.yuh {
  background: linear-gradient(90deg,rgb(0, 123, 0), hsl(349, 76%, 13%), hsl(51, 16%, 60%), hsl(0, 100%, 50%), hsl(5, 59%, 64%), rgb(0, 0, 0));
  text-align: center;
  color: rgb(24, 8, 200);
}
h1 {
  color: rgb(24, 8, 200);
  text-align: center;
}
p{
  color: rgb(24, 8, 200);
  text-align: center;
}
label {
  color: rgb(24, 8, 200);
}
form {
  margin: 0 auto;
}

div{
  text-align: left;
  padding-left: 40%;
}
.submit-button {
  background-color: rgb(50, 205, 50);
}

Your browser information:

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

Challenge Information:

Survey Form - Build a Survey Form

2

Never mind I did it!

2 Likes