| 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.