Survey Form - Build a Survey Form

**Tell us what’s happening:**I have begun entering the elements but I don’t see a landing page showing the Title, Input for name nor email. Why.
Describe your issue in detail here.

Your code so far

<!-- file: index.html -->

/* file: styles.css */
<Doctype html>
<html lang="en">
<head>
<meta charset=UTF-8">
<meta name="viewport"
content="width-device-width, initial-scale=1.0">
<link rel="stylesheet+ href="style.css">
#title {
  text-align: center;
  font-size: 36px;
  color: #333;
  background-color:#f0f0f0;
  padding: 20px;
}
<title>Build a Survey Form using HTML and CSS</title>
<style>
body {
  font-family: arial, sans-serf;
  background-color: #f4f4f3;
  margin: 0;
  padding: 0}
}
.container {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0, 2);
  max-width: 600px;
  margin:0 auto;
  padding: 20px;
  text-align: center;
}
h1 { font-size: 28px;}
p {font-size: 16px:}
</head>
<body>
<div class="container">
<h1 id="title">Survey Form</h1>
<p id="description">We appreciate your feedback. Please take a moment to complete our survey.</p>
<form id="survey-form">
<label for="name">Name:</label>
<input type="text" id="name" 
name="name">
<label for="email">Email:</label>
<input type="email" id="email" name="email">
</form>
</div>
</body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/117.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

1 Like

HI there just with a quick glance I see that you have some html text inside your css page that is not correct. Only the stuff in html page appears. and css is used to style it.

Hello!

Here is a html and css code checker that may help you find the errors and correct them.
https://validator.w3.org/nu/#textarea

Just copy and paste the code into the checker and click on the check

Keep up the good progress!

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.