Tell us what’s happening:
Describe your issue in detail here.
**Your code so far**
/* file: index.html */
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
<!-- head - Googlefonts link -->
<div id="outside">
<form id="survey-form" action="/my-handling-form-page" method="post">
<h1 id="title">Application for permission to date my daughter</h1>
<p id="description"><b>Note:</b> Form is to be completed at least 21 days prior to date</p>
<!-- ------------------Personal Details---------------------------- -->
<fieldset>
<!-- groups of widgets that share the same purpose, for styling and semantic purposes -->
<legend>Personal Details</legend>
<!-- formally describes the purpose of the fieldset it is included inside. -->
<div>
<label id="name-label" for="name">Name:</label>
<input type="text" required id="name" name="user_name" placeholder="Enter name here"> </div>
<div>
<label for="address-label">Address:</label>
<input type="Address" id="address" name="Address" placeholder="Enter address here"> </div>
<div>
<label id="email-label" for="Email">Email:</label>
<input type="email" required id="email" name="user_email" placeholder="Enter email here"> </div>
<div>
gvv"email" name="user_email" placeholder="Enter email here"> </div>
<div>
<label id="number-label" for="phone">Phone Number:</label>
<input type="number" id="number" name="user_name" placeholder="Enter 10 digit number" min="1" max="9"> </div>
<div>
<label id="iq-label" for="iq">IQ:</label>
<input type="number" id="iq" name="iq" placeholder="Enter IQ here"> </div>
<!-- ------------------Radio Buttons-------------------------------- -->
/* file: styles.css */
**Your browser information:**
User Agent is: Mozilla/5.0 (X11; Linux x86_64) 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: