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: