So here, everything is correct except for the p1 ID. What seems to be the problem here? I tried rewriting the code , make another p1 or p2. Nothing is working.
**Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="styles.css">
<title>Survey Form</title>
</head>
<body>
<h1 id="title">FreeCodeCamp Survey Form</h1>
<p1 id="description">Please answer the following questionnaire.</p1>
<form id="survey-form">
<fieldset>
<label id="name-label">Name</label>
<input type="text" required placeholder="Enter your name" id="name">
</fieldset>
<fieldset>
<label id="email-label">E-mail</label>
<input type="email" required placeholder="Enter your email" id="email">
</fieldset>
<fieldset>
<label id="number-label">Age</label>
<input type="number" min="10" max="99" required placeholder="69? :)" id="number">
</fieldset>
<fieldset>
<label>I am a ...</label>
<select id="dropdown">
<option value="Student"> Student</option>
<option value="Full time worker">Full time worker</option>
<option value="Prefer not to say"> Prefer not to say</option>
<option value="Other">Other </option>
</select>
</fieldset>
<p>How much do you like FreeCodeCamp?<p>
<input type="radio" value="Like" name="Like" required>Really like it <br>
<input type="radio" value="Like"
name="Like" required>Need some improvment <br>
<input type="radio" value="Like" name="Like" required>Absolutely terrible
<p> What coding langs are you studying?</p>
<input type="checkbox" value="langs"> HTML<br>
<input type="checkbox" value="langs"> CSS<br>
<input type="checkbox" value="langs"> Javascript<br>
<input type="checkbox" value="langs"> Phyton<br>
<input type="checkbox" value="langs"> Others <br>
<p>Tell us how we should improve our platform!</p>
<textarea></textarea>
<input class="Submit"type="submit" value="submit" id="submit">
</form>
</body>
</html>
/* file: styles.css */
body {
background-color: 293462;
margin: 0;
font-family: Tahoma;
}
h1 {
text-align: center
}
.submit {
margin: 10;
padding-right: 40%;
padding-left: 40%;
}
label {
display: block;
}
fieldset {
border: none
}
input[type="text"], input[type="number"], input[type="email"] {
width: 70%;
}
**Your browser information:**
User Agent is: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36
Challenge: Survey Form - Build a Survey Form
Link to the challenge: