It’s showing that the Your #number should be a descendant of #survey-form.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Star Wars Survey</title>
<meta charset="utf=8">
<link ref="stylesheet" href="styles.css">
</head>
<body>
<h1 id="title">Star Wars Survey</h1>
<p id="description">A short survey all about a galaxy far, far away...</p>
<fieldset class="info">
<form id="survey-form">
<label id="name-label">Enter your name: <input type="text" id="name" required/></label>
<label id="email-label">Enter your email: <input type="email" id="email" required/></label>
</fieldset>
<fieldset class="media">
<label id="number-label" for="number">How many movies have you seen? <input type="number" id="number" min="0" max="12" /></label>
<label>
Favorite era? <select id="dropdown">
<option value="select">(Select one)</option>
<option value="prequels">Prequels</option>
<option value="sequels">Sequels</option>
<option value="original">Original</option>
<option value="none"> None</option>
</select>
</label>
<label>
Lightside <input type="radio" name="side" id="lightside"/>
</label>
<label>
Darkside <input type="radio" name="side" id="darkside"/>
</label>
</fieldset>
</form>
</body>
<html>