Tell us what’s happening:
Describe your issue in detail here.
**Your code so far**
/* file: index.html */
<header class="header"><!--head section-->
<h1 id="title" class="text-center">Kayus Survey</h1>
<p id="discription" class="text-center">My Project Form of Survey for FreeCodeCamp</p></header>
<main class="form-card"><!--form-section-->
<form action"#" id="survey-form">
<p>Enter your details:</p><!--input text, number, email-->
<div class="form-group1"><label for="name" id="name-label">Name*</label><input name="name" type="text" id="name" placeholder="enter your name" required></div>
<div class="form-group1"><label for="email" id="email-label">Email*</label><input name="email" type="email" id="email" placeholder="enter your email id" required></div>
<div class="form-group1"><label for="number" id="number-label">Age*</label><input name="number" type="number" id="number" placeholder="15-60" min="15" max="60"></div>
<div class="form-group"><p>select your favourite subject:</p><select id="dropdown" name="prefer"><!--select preferred--><option select="value"><select an option></option><option value="english">English</option><option value="mathematics">Mathematics</option><option value="economics">Economics</option><option value="agric">Agric</option><option value="geography">Geography</option></select></div>
<div class="form-group"><p>Tick your education field:</p><!--input radio--><label for="economist" class="radio-label">Economist</label><input type="radio" id="economist" value="economist" name="education"><label for="agriculturist" class="radio-label">Agriculturist</label> <input type="radio" id="agriculturist" value="agriculturist" name="education"><label for="others" class="radio-label">Other Courses</label><input type="radio" id="others" value="others" name="education"></div>
<div class="form-group"><p>select your hobbies:</p><!--input checkboxes--><label for="table tennis" class="checkbox-label">Table Tennis</label><input type="checkbox" id="table tennis" value="table tennis" name="hobbies"><label for="swimming" class="checkbox-label">Swimming</label><input type="checkbox" id="swimming" value="swimming" name="hobbies"><label for="hockey" class="checkbox-label">Hockey</label><input type="checkbox" id="hockey " value="hockey" name="hobbies"><label for="drawing" class="checkbox-label">Drawing</label><input type="checkbox" id="drawing" value="drawing" name="hobbies"></div>
<div class="form-group"><p>feedback: </p><!--the text-area--><textarea id="comment" name="comment" placeholder="comments"></textarea></div>
<div class="form-group"><p>Thank you:</p><!--submission of survey--><button type="submit" id="submit">Submit</button></div></form></main>
body {
color: #f55c47;
}
/* file: styles.css */
body { color: #b55d47; background-color: black; text-align: center;}
header { text-align: center; font-weight: bold;/font-size: 1.5rem; }
#description { color: #b55d47;}
.form-group1 { display: flex; align-items: center; font-size: 1.20rem; margin-bottom: 0.5rem; }
.form-card { padding: 1rem; position: absolute; left: 745px; background-color: #568a4a; color: #8fb6a4; border: #5bb94c 2px solid;}
button { background-color: #b55d47; border: green 2px dotted;}
p { color: #5bb94c; font-size: 1rem;}
@media(max-width: 370px max-height: 645px){ .form-card { position: absolute; left: 2px; padding: 2rem; color:#b55d47;}}
p { font-weight: bold;}
**Your browser information:**
User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.0.0 Safari/537.36
Challenge: Survey Form - Build a Survey Form
Link to the challenge:
