Tell us what’s happening:
Hello there…
I’m doing my first project and I passed all questions except the first one… the h1 and I couldn’t even know what went wrong…I need help if its possible to get one…
Thanks in advance
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="styles.css">
<meta charset="UTF-8">
<title id="title">Survey Form</title>
</head>
<body>
<h1 id="title">Survey Form</h1>
<p id="description">Thank you in advance for being cooperative to fill this survey form</p>
<form id="survey-form">
<fieldset>
<label for="name-label" id="name-label">Name: <input type="text" id="name" placeholder="Enter your name" required></label>
<label for="email-label" id="email-label">Email: <input type="email" id="email" required placeholder="Enter your email" required></label>
<label for="number-label" id="number-label">Age: <input type="number" id="number" min="11" max="90" placeholder="Enter your age"></label>
</fieldset>
<label>What is your area of expertise ?
<select id="dropdown">
<option value="""">(select one)</option>
<option value="1">Student</option>
<option value="2">Consultant</option>
<option value="3">Information Science</option>
<option value="4">Finance expert
</option>
</select>
</label>
<label>Male <input type="radio" name="gender" value="male" class="inline"></label>
<label>Female <input type="radio" name="gender" value="female" class="inline"> </label>
<label>None <input type="radio" name="gender" value="none" class="inline"></label>
<fieldset>
<label>What are your favourite free time activities ?
<select>
<option value="1">Football</option>
<option value="2">Table tennis</option>
<option value="3">Bicycle</option>
<option value="4">Box</option>
<option value="5">Basketball</option>
</select>
</label>
</fieldset>
<fieldset>
<label>What are you digital skills ? (Check all that apply) </label>
<label> <input type="checkbox" value="checkbox" class="inline"> Internet surfing </label>
<label><input type="checkbox" value="checkbox" class="inline"> Microsoft office pack</label>
<label><input type="checkbox" value="checkbox" class="inline"> Coding beginner level<label>
<label><input type="checkbox" value="checkbox" class="inline"> Google workspace</label>
<label><input type="checkbox" value="checkbox" class="inline"> Graphics design</label>
<label><input type="checkbox" value="checkbox" class="inline"> social media activities</label>
</fieldset>
<fieldset>
<label>Any comments or suggestions ?
<label for="bio">
<textarea placeholder="Enter your comment here..."></textarea>
</label>
<input type="submit" value="Submit" id="submit">
</fieldset>
</form>
</body>
</html>
/* file: styles.css */
label{
margin-bottom: 10px;
display: block;
margin: 0.5rem 0;
padding: 3px;
font-size: 18px;
}
input{
width: 100%;
height: 30px;
margin: auto;
font-size: 16px;
}
body{
background-color: #1b1b32;
font-size: 16px;
color: white;
font-family: Tahoma;
}
fieldset{
border: none;
padding: 1rem 0
}
textarea{
width: 100%;
height: 75px;
}
select{
width: 100%;
height: 25px;
font-size: 15px;
}
.inline{
width: unset;
margin: 0 0.5em 0 0;
vertical-align: middle;
}
form{
width: 60vw;
max-width: 500px;
min-width: 300px;
margin: 0 auto;
padding-bottom: 2em;
}
h1, p {
text-align: center;
}
input[type="submit"]{
background-color: green;
height: 50px;
font-size: 16px;
color: white;
}
select{
margin: 10px 0 0 0;
width: 100%;
min-height: 2em;
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36
Challenge: Survey Form - Build a Survey Form
Link to the challenge: