Finished my Survey-Form- What do you think?

body {
font-family: sans-serif;
background-image: url(https://images.rawpixel.com/image_social_landscape/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdjU0NmJhdGNoMy1teW50LTM0LWJhZGdld2F0ZXJjb2xvcl8xLmpwZw.jpg);
margin-top: -25px;
background-size: cover;
}
#description {
margin-top: -20px;
}
/* To center an element, use margin: 0 auto */
#survey-form {
background-color: #7070ba;
padding: 25px;
color: white;
font-size: 20px;
border-radius: 10px;
margin: 0 auto;
max-width: 800px;
min-width: 300px;
width: 60vw;
margin-bottom: 30px;
}
h1 {
text-align: center;
font-size: 35px;
color: red;
padding-top: 30px;
margin: 1em auto;
}
p {
margin: 1em auto;
text-align: center;
font-size: 20px;
}
.labels {
font-size: 25px;
}
#name, #email, #number {
width: 100%;
min-height: 2em;
border-radius: 5px;
background-color: #e2cbf6;
border: 1px solid #e2cbf6;
}
input[type=“radio”] {
width: 20px;
height: 20px;
position: relative;
top: 2.5px;
}
input[type=“checkbox”] {
width: 20px;
height: 20px;
position: relative;
top: 3px;
}
input {
margin-top: 5px;
}
#dropdown {
background-color: #e2cbf6;
border: 1px solid #e2cbf6;
width: 100.6%;
margin-top: 5px;
min-height: 2em;
border-radius: 5px;
}
#dropdown2 {
background-color: #e2cbf6;
border: 1px solid #e2cbf6;
width: 100.6%;
margin-top: 5px;
min-height: 2em;
border-radius: 5px;
}
#textarea {
width: 100%;
background-color: #e2cbf6;
border-radius: 5px;
height: 80px;
margin-top: 5px;
}
/* When changing color of inputs, make sure to add a one pixel solid border of the same color */
#submit {
display: block;
width: 30%;
margin: 0 auto;
height: 2em;
font-size: 1.1rem;
background-color: #00f701;
border-color: #00f701;
border-radius: 5px;
}

freeCodeCamp survey form

Thank you for taking the time to help us improve the platform

Name


Email


Age (optional)


Which option best describes your current role?
Select Current Role
Student
Full Time Job
Full Time Learner
Prefer Not To say
Other


Would you recommend freeCodeCamp to a friend?
Definitely
Maybe
Not Sure

What is your favourite feature of freeCodeCamp?
Select an option
Challenges
Projects
Community
Open Source


What would you like to see improved?(check all that apply)
Front End Projects
Back End Projects
Data Visualisation
Challenges
Open Source Community
Gitter help rooms
Video
City Meetups
Wiki
Forum
Additional Courses

Any comments or suggestions?


Submit

Hey @coder15

I’m not really sure what I’m looking at. It looks like a mix of css and your survey formated directly into the page. Could you please put all your code into preformmated closing and opening tags? (ctrl + e)

You could also put your code into a Codepen.

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