Survey Form - Build a Survey Form I need help for style css

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
 <html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
    <title>Survey Form</title>
  </head>
  <body>
      <h1 id="title">freeCodeCamp Survey Form</h1>
      <p id="description ">Thank you for taking the time to help us improve the platform</p>
      <form id="survey-Form">
        <label id="name-label">
          <input id="name" placeholder="Enter your name" required type="text">Name
        </label>
        <label id="email-label">
          <input id="email" required placeholder="Enter your email" type="text">Email
        </label>
        <label id="number-laber">
          <input id="number" placeholder="Age" type="number" min="10" max="120">Age (optional)
        </label>
        <p>Which option best describes your current role?</p>
        <select id="dropdown">
          <option id=""> Select Current Role
          <option id="1"> Student 
          <option id="2"> Full Time Job
          <option id="3"> Full Time Learner
          <option id="4"> Prefer not to say 
          <option id="5"> Other
            
        </select>
        <p>Would you recommend freeCodeCamp to a friend?</p>
        <input type="radio" name="button" value="Definitly"> Definitly
        <label for=""></label>
        <input type="radio" name="button" value="Maybe"> Maybe
        <label for=""></label>
        <input type="radio" name="button" value="Not Sure"> Not Sure
        <label for=""></label>

        <p>What is your favorite feature of freeCodeCamp?</p>
        <select name="" id="">
          <option value="" disabled selected>Selecta an option</option>
          <option value="">Challenges</option>
          <option value="">projects</option>
          <option value="">Community</option>
          <option value="">Open Source</option>
          </select>

          <p>What would you like to see improved? (Check all that apply)</p>
          <input type="checkbox" id="" value="Front-end">
          <input type="checkbox" id="" value="back end">
          <input type="checkbox" id="" value="Data Visualization">
          <input type="checkbox" id="" value="Challenges">
          <input type="checkbox" id="" value="open saurce">
          <input type="checkbox" id="" value="gitter">
          <input type="checkbox" id="" value="videos">
          <input type="checkbox" id="" value="City Meetups">
          <input type="checkbox" id="" value="wiki">
          <input type="checkbox" id="" value="forum">
          <input type="checkbox" id="" value="Additional Courses">

          <p>Any comments or suggestions?</p>
          <textarea name="" id="" cols="30" rows="10"></textarea>

          <button id="submit" type="submit">Submit</button>
      </form>
 </body> 
 <script src="https://survey-form.freecodecamp.rocks"></script>
 </html>
/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

hi there, did you have a question?

yes i do I need for css
and I dont know how to do it pls show me

What is your question?

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