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.