Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
Hey, im trying to fix that last checkmark to fix things up and start working on css. “Every radio button group should have at least 2 radio buttons.”, how would my code not check that off?
Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
  <html>
    <head>
      <title>freeCodeCamp Survery Form</title>
      <link rel="stylesheet" href="styles.css">
    </head>
     
   
    <body>
      <h1 id="title">freeCodeCamp</h1>
      <p id="description">thank you for taking the time to help us improve the platform</p>
      <fieldset>
        <form id="survey-form" >
          <label for="name">name</label>
          <label class="hide-2ndlabels"  id="name-label">name</label>
          <input type="text" id="name" name="name" required placeholder="enter your name">
          
          <label for="email">email</label>
          <label class="hide-2ndlabels" id="email-label">email</label>
          <input type="email" id="email" name="email" required placeholder="enter your email">

          <label for="age">age(optional)</label>
          <label class="hide-2ndlabels" id="number-label">age(optional)</label>
          <input type="number" id="number" name="age" min="13" max="120" required placeholder="age">

          <label for="current-role"> Which option best describes your current role?</label>
          <select id="dropdown">
          <option>select an answer</option>
          <option>student</option>
          <option>full time job</option> b
          <option>full time learner  </option>
          <option>prefer not to say</option>
          <option>other</option>
          </select>
          
          <!-- make sure to fix the button for this it looks horrible
          also try to put the whole thing top to bottom instead of left to right. I think it is block inline or something-->
          
          <p>Would you recommend freeCodeCamp to a friend?</p>
          <input type="radio" value="yes" name="recommend-yes">Definitely
          <input type="radio" value="idk" name="recommend-idk">Maybe 
          <input type="radio" value="no" name="recommend-no">Unsure

          <label> </label>
          <input type="checkbox" value="front-end-projects">
          <input type="checkbox" value="back-end-projects">
 
          <textarea> Any questions or comments?</textarea>
 
          <input id="submit" type="submit"> 
          </form>

        

      </fieldset>









    </body>
  </html>

/* file: styles.css */
.hide-2ndlabels{
    display: none;
}

Your browser information:

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

Radio buttons are in the same group if they have the same value for the name attribute.

3

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