Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

Hi! I’m stuck with the following: although I added the CSS link in the HTML head, it is not being applied. Does anyone know why?

Thank you!!

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>
      freeCodeCamp Survey Form
    </title>
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width", initial-scale="1"
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <h1>freeCodeCamp Survey Form</h1>
    <p>Thank you for taking the time to help us improve the platform</p>
    <form>
      <fieldset>
        <label for="name">Name</label>
        <input type="text" id="name" placeholder="Enter your name" required/>
        <label for="email">Email</label>
        <input type="text" id="emial" placeholder="Enter your email" required/>
        <label for="age"> Age (optional)</label>
        <input type="number" id="age" min="12" max="120" placeholder="age" required/>
        <label for="dropdown"> Which option best describes your current role?</label>
        <select id="dropdown"  placeholder="select current role" required/>
          <option value="1">Student</option>
          <option value="2">Full Time Job</option>
          <option value="3">Full Time Learnern</option>
          <option value="4">Other</option>
        </select>
      </fieldset>
      <fieldset>
        <p>Would you recommend freeCodeCamp to a friend?</p>
        <label for="defintely"><input type="radio" name="recommend" id="definitely"> Definitely</label>
        <label for="maybe"><input type="radio" name="recommend" id="maybe"> Maybe</label>
        <label for="not-sure"><input type="radio" name="recommend" id="not-sure"> Not sure</label>
        <label>What is your favorite feature of freeCodeCamp?</label>
          <select>
            <option value="">Challenges</option>
            <option value="1">Projects</option>
            <option value="2">Community</option>
            <option value="3">Open Source</option>
          </select>

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

/* file: styles.css */
h1 {
  background-color: blue;
}

Your browser information:

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

You never end your meta tag before the link element starts

 <meta name="viewport" content="width=device-width", initial-scale="1"
    <link rel="stylesheet" href="styles.css">
3

@Cody_Biggs upsss :sweat_smile: thank you so much!!

4

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