Survey Form - Build a Survey Form

HTML-CSS
1

Hey everyone!
So technically I have passed this portion of the “Survey Form” but before I submit it and move on to the next challenge I want to play with CSS more since I seem to be struggling. Can someone please take a look and tell me what I am doing wrong? I would like to change the whole are where the “radio buttons” are (font-size, etc.) but I am making a mistake somewhere.
Thanks for your help!

Your code so far

<!-- file: index.html -->
<!DOCTYPE html> 
<html lang=en>
  <head>
    <meta charset="UTF-8">
  
 <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
 <h1 id="title">Free Code Camp Survey<h1>
  <p id="description">Please Take This Survey<p>
    <form id="survey-form">
<label id="name-label" for="name">Name</label>
<input id="name" 
type="text" 
required
placeholder="announce yourself"/>
<label id="email-label" for="email">Email</label>
<input id="email" 
type="email" 
required
placeholder="email puh-lease"/>
<label id="number-label" for="number" >Year Born</label>
 <input id="number" 
  type="number"
  min="1900"
  max="2022"
  placeholder="lemme get them digits"/>
  <select id="dropdown" name="Age Range">
    <option>14-17</option>
    <option>18-24</option>
    <option>25-32</option>
    <option>33-37</option>
    <option>38-45</option>
    <option>50+</option>
  </select>
  <input type="radio" name="education" value="N/A"/>N/A
  <input type="radio" name="education"value="High School/GED"/>High School/GED
  <input type="radio" name="education" value="some college"/>some college
  <input type="radio" name="education" value="technical school/certifications"/>technical school/certifications
  <input type="radio" name="education" value="I have a degree(s)"/>I have a degree(s)
  <input type="checkbox" value="happy">
  <input type="checkbox" value="sad" >
  <input type="checkbox" value="indifferent" >
  <input type="checkbox" value="mad" >
  <input type="checkbox" value="other" >
  <textarea></textarea>
  <button id="submit">Submit</button>
  </form>
  
</html>

/* file: styles.css */
/* file: styles.css */
html{
  background-color:grey;
  #name{
  font-size:1;
  }
input[type="radio"]value:{
  font-size:5;
}
h1{
  border:solid;
  font-size:25;
font-family:ariel; 

}

id, label,name,value, education{
  font-size:15;
  margin:20px;
  margin-left:200px;
  margin-right:50px;
  
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Safari/605.1.15

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

can you be a little more specific or explain a bit more about what you want done?
(maybe you can point out for example which css block you are working on or which html elements you are modifying and how they are not working for you and what you would like them to do?)

3

I’m sorry I never responded. I didn’t even see this until now. I guess I figured it out somehow! :sweat_smile:

4

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