Tell us what’s happening:
Describe your issue in detail here.
I’m not quite sure how to fix my code at this point to make it pass? I thought that I had done everything it said, and I can’t find the issue.
**Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html>
<link rel="stylesheet" href="styles.css">
<h1 id="title">How was your day today?</h1>
<body>
<p id="description">I just wanted to know how your day was :)</p>
<hr>
<hr>
<hr>
<img src="https://p.turbosquid.com/ts-thumb/Z8/4jAQWr/Q8RrQ8rV/smileyfacevray3dmodel000/jpg/1524813894/600x600/fit_q87/3c7179544e1b9c822295dc7836bf7ca36090997c/smileyfacevray3dmodel000.jpg" alt="smile face" class="joebaby">
<section class="joe-survey">
<form id="survey-form">
<div><label id="name-label">Your name here: </label> <input id="name" type="text" class="name" placeholder="give me your name :)" required></div>
<div>
<label name="email" class="email" id="email-label">Your email here:</label> <input id="email" type="email" name="email" class="email" placeholder="Enter your email :))" required></input>
</div>
<div>
<label id="number-label">Rate your day on a scale of 1-10: </label> <input id="number" min="1" max="15" placeholder="Rate your day" required type=
"number"></input>
</div>
<div>
<label>Select One:</label> <select id="dropdown">
<option class="why">(choose one)</option>
<option>My day was great :)</option>
<option>My day was good :)</option>
<option>Eh :/</option>
<option>It wasn't great :(</option>
<option>It was impossible to describe :-></option>
</select>
</div>
<div>
<input type="radio" name="happysad" value="happy">I'm super happy :)</input>
</div>
<div>
<input type="radio" name="happysad" value="sad">I'm super sad :(</input>
</section> <section class="checks">
<h2>Donate money to make me happy</h2>
</div>
<div class="money">
<input type="checkbox" value="0">No money :(</input>
</div.
<div class="money">
<input type="checkbox" value="1">$100</input>
</div>
<div class="money">
<input type="checkbox" value="2">$200</input></div>
<div ><input type="checkbox" value="3">$300</input></div>
<div><input type="checkbox" value="4">$400</input></div>
<div><input type="checkbox" value="5">1,000,000</input>
</div>
</section>
<section class="additionaljoe">
<label>Additional Comments: </label> <textarea placeholder="Tell me how your day was..."></textarea>
</section>
<section class="happybutton">
<label>Click this button to submit:</label> <button type="submit">Submit</button>
</section>
</section>
</form>
</body>
</html>
/* file: styles.css */
html {
background-color: #685D0D;
}
h1 {
text-align: center;
color: DAF7A6;
border-style: solid;
border-top: 0;
border-left: 0;
border-right: 0;
border-color: #3B4037;
margin-top: 20px;
}
p[id=description] {
text-align: center;
color: 3D4b32;
border-style: outset;
border-color: #DAF7A6;
background-color: #DAF7A6;
margin: 10px;
}
.joe-survey {
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 15px;
background-color: #DAF7A6;
}
input[type="text"], input[type="email"], input[id="number"], select {
background-color: #A3A8A0;
margin-top: 15px;
}
.joebaby {
width: 80%;
margin-left:10%
}
label, input[type="radio"] {
display: inline-block;
text-align: right;
}
.checks {
margin-top: 50px;
text-align: center;
background-color: #DAF7A6;
padding: 20px;
border-bottom: solid;
}
.additionaljoe {
background-color: #DAF7A6;
text-align: center;
padding: 30px;
border-bottom: solid;
}
.happybutton {
text-align: center;
padding: 30px;
background-color: #DAF7A6;
}
**Your browser information:**
User Agent is: Mozilla/5.0 (X11; CrOS aarch64 14816.131.0) 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: