Hello everyone, I am currently stuck on the survey form project.While I have written the html aspect to my satifaction, the CSS modifications do not seem to be applying to my work. Is there anything I am missing?
/* file: index.html */
<!DOCTYPE html>
<html>
<head>
<title>
FreeCodeCamp Survey Form
</title>
<link rel="stylesheet" href="sytles.css">
</head>
<body>
<h1 id="title"> freeCodecamp Survey Form</h1>
<p id="description"> Educating the next generation of developers.</p>
<form action="https://survey-form.freecodecamp.rocks" id="survey-form">
<fieldset>
<label id="name-label">
Name: <input type="text" id="name" placeholder="Enter your name" required name="name" ></input></label>
<label id="email-label"> Email: <input type="email" id="email" placeholder="Enter your email" required name="email" ></input></label>
<label id="number-label">
Number: <input type="number" id="number" min="0" max="9" placeholder="Enter your number" name="number"></input></label>
</fieldset>
<fieldset>
<label>Has this platform helped you so far?
<select id="dropdown" name="feedback">
<option value="">Select one</option>
<option value="yes">Yes</option>
<option value="no">No</option>
</select>
</label>
<label>
Are you almost done?
<label> Yes <input type="radio" name="progress" value="yes" > </input></label>
<label> No <input type="radio"name="progress" value="no" > </input>
</label>
</fieldset>
<fieldset name="motivation">Why are you venturing into tech?
<label>Money<input type="checkbox" value="money" ></input></label>
<label>Passion<input type="checkbox" value="passion" ></input></label>
<label>Tech is the future<input type="checkbox" value="the-future" ></input></label>
<label>Financial Freedom<input type="checkbox" value="financial-freedom" ></input></label>
<label>Additional Comments
<textarea rows="3" cols="30" ></textarea>
</label>
</fieldset>
<input type="submit" id="submit" name="submit" value="Submit">
</form>
</body>
</html>
/* file: styles.css */
h1,p{
margin: 0 auto;
}
body{
background-color: purple;
color: grey;
font-family: Times New Roman;
font-size: 16px;
}
form{
border: none
}
input{
display: block;
}
**Your browser information:**
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) 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:
