Survey Form - Build a Survey Form - CSS issue

Tell us what’s happening:
My css file isn’t updating to show style changes. What am I doing wrong?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8>
 <title>Survey Form</title>
<link rel="stylesheet" href="styles.css">
</head>

<body>
  <h1 id="title">Halloween Survey</h1>
<p id="description">Mapping the love of the Spooky Season</p>
<form id="survey-form" action='https://register-demo.freecodecamp.org'>
  <fieldset><label id="name-label">Name: <input id="name" type="text" required placeholder="Enter Your Name"/></input></label></p>
<label id="email">Email: <input id="email" type="email" required placeholder="Enter Your Email"/></label></p>
<label id="number">Age: (optional) <input id="number-label" type="number" min="13" max="120" placeholder="Age"/></label></p></fieldset>
<fieldset>
<label id="dropdown"> What's Your Favorite Scary Movie? <select id="dropdown">
  <option value="">Pick a Movie
  <option value=1">Scream</option>
  <option value="2">Halloween</option>
  <option value="3">Friday the 13th</option>
  <option value="4">Saw</option>
  <option value="5">Nightmare on Elm St.</option></label></select></p>
<label id="radio">Do You Love Halloween?</p><label><input type="radio" name="halloween"/> Yes</label>
    <label><input type="radio" name="halloween" /> No</label></p>
 <label id="favorites">What are your favorite Halloween activities?
   </p><input type="checkbox" value="">Bobbing for Apples
   <input type="checkbox" value="1">Carving Pumpkins
   <input type="checkbox" value="2">Trick or Treating
   <input type="checkbox" value="3">Watching Scary Movies
   <input type="checkbox" value="4">Going through Haunted House</label>
      </fieldset> 
<fieldset><label id="textarea">Is there anything else you want to tell us about Halloween? <input id="textarea"></fieldset>
      <input type="submit" value="Submit" id="Submit"/>
  </form></body></html>
/* file: styles.css */
body {  background-color: orange;
}
field-set {
  background-color: black;
  font-color: white;

}

Your browser information:

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

You forgot the second pair of quotes.

1 Like