Hello. I’m doing the first certification project for the (New) Responsive Web Design course - Survey Form.
All of my tests passed and it said “Congratulations” and moved me onward. However, I didn’t create or add any CSS code for this, only the HTML. Is this expected behavior?
<!DOCTYPE html>
<link rel="stylesheet" href="styles.css">
<head> </head>
<h1 id="title"> freeCodeCamp Survey Form </h1>
<p id="description"> Thank you for taking the time to help us improve the platform </p>
<form id="survey-form">
<div>
<label for="name" id="name-label""> Name </label>
</div>
<div>
<input id="name" type="text" placeholder="Enter your name" required>
</div>
<div>
<label for="email" id="email-label"> Email </label>
</div>
<div>
<input id="email" type="email" required placeholder="Enter your Email">
</div>
<div>
<label for="number" id="number-label"> Age </label>
</div>
<div>
<input id="number" type="number" min="10" max="100" placeholder="Age">
</div>
<div>
<label for="dropdown"> Which option best describes your current role? </label>
</div>
<select id="dropdown">
<option value=""> Select current role </option>
<option value="Student"> Student </option>
<option value="Job"> Full Time Job </option>
<option value="Learner"> Full Time Learner </option>
<option value="PreferNot"> Prefer not to say </option>
<option value="Other"> Other </option>
</select>
<fieldset>
<div>
<input type="radio" name="Recommendation" id="Definitely" value="Definitely">
<label for="Definitely"> Definitely </label>
</div>
<div>
<input type="radio" name="Recommendation" id="Maybe" value="Maybe">
<label for="Maybe"> Maybe </label>
</div>
<div>
<input type="radio" name="Recommendation" id="Not Sure" value="NotSure">
<label for="NotSure"> Not Sure </label>
</div>
</fieldset>
<div>
<input type="Checkbox" id="FrontEndProjects" value="FrontEndProjects">
<label for="FrontEndProjects"> Front-end Projects </label>
</div>
<div>
<input type="Checkbox" id="BackEndProjects" value="BackEndProjects">
<label for="BackEndProjects"> Back-end Projects </label>
</div>
<div>
<input type="Checkbox" id="DataVisualization" value="DataVisualization">
<label for="DataVisualization"> Data Visualization </label>
</div>
<div>
<input type="Checkbox" id="Challenges" value="Challenges">
<label for="Challenges"> Challenges </label>
</div>
<div>
<input type="Checkbox" id="OpenSourceCommunity" value="OpenSourceCommunity">
<label for="OpenSourceCommunity"> Open Source Community </label>
</div>
<div>
<input type="Checkbox" id="GitterHelpRooms" value="GitterHelpRooms">
<label for="GitterHelpRooms"> Gitter help rooms </label>
</div>
<div>
<input type="Checkbox" id="Videos" value="Videos">
<label for="Videos"> Videos </label>
</div>
<div>
<input type="Checkbox" id="CityMeetups" value="CityMeetups">
<label for="CityMeetups"> City Meetups </label>
</div>
<div>
<input type="Checkbox" id="Wiki" value="Wiki">
<label for="Wiki"> Wiki </label>
</div>
<div>
<input type="Checkbox" id="Forum" value="Forum">
<label for="Forum"> Forum </label>
</div>
<div>
<input type="Checkbox" id="AdditionalCourses" value="AdditionalCourses">
<label for="AdditionalCourses"> Additional Courses </label>
</div>
<div>
<label for="Comments"> Any comments or suggestions? </label>
</div>
<div>
<textarea id="Comments"> Enter your comment here... </textarea>
</div>
<div>
<input type="submit" id="submit">
</div>
</form>