Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

Hey should i just be trying to make this functional or do i need to style this as well?

Your code so far

<!-- file: index.html -->
<!DOCTYPE>
  <html lang="en">
    <title>Home Inspection Survey</title>
      <link rel="stylesheet" href="styles.css">
        <meta charset="utf-8">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
<body>
<h1 id="title">How was your Home Inspection</h1>
  <p id="description">We want your Feedback</p>
<form id="survey-form"> 
<fieldset> 
  <label id="name-label">Name<input id="name" placeholder="Please enter your name" type="text" required></input>
 </label>
</fieldset>
<fieldset><label id="email-label">Email<input id="email" placeholder="Please enter your email" type="email" required></input>
 </label>
</fieldset>
<fieldset><label id="number-label">Age<input id="number" placeholder="Age" type="number" min="18" max="120"></input>
  </label>
</fieldset>
<fieldset><label>Tell us how we did!
  <select id="dropdown">
      <option>select one</option>
      <option value="1">Superb</option>
      <option value="2">Good</option>
      <option value="3">Ok</option>
      <option value="4">Bad</option1>
      <option value="5">Very Bad</option>
    </select>
  </label>
</fieldset>
<fieldset>
  <label id="recommendation"
    </form>
  </body>
</html>

/* file: styles.css */
h1, p {text-align:center;
        margin:auto;
}

p {margin:0 0 2rem;
    font-size:1.5em;
    font-family:arial;
    }

body{background-color:#CBC3E3;
margin:.5rem;}

fieldset {border:0;
}

form {border-style:1 solid black;
background-color:#ff5600;
margin:auto;
width:500px;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Safari/537.36

Challenge Information:

Survey Form - Build a Survey Form

2

the project will accompany your certificate, make it a project you are proud to show around.

Also you should check your html, I suggest an html validator like The W3C Markup Validation Service, you have various things that should be fixed

3

Thank you for showing me this website!!! Very very helpful! Now that my html is in order I can play in CSS to figure out the styling . Again ty so much!