Survey Form - Build a Survey Form

Tell us what’s happening:
hi, I have completed the form but I am trying to spruce it up.
I FINALLY figured out how to change my background to an image. but after doing so, it hasn’t allowed me to change the font color. I am able to style other things, but i have tried several things and have been unable to change font color.
does anyone see something in my code that is prohibiting this?
thanks

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en"></html>
<meta name="viewport" content="width=device width, initial-scale=1.0"> 


<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
  <header>
<h1 id="title"="What Do You Want To Learn About Coding"</h1></head>
<p id="description">Learn More About Coding Survey</p></header><hr></hr>
<fieldset>
  <form id="survey-form">
  <ul><label id="name-label"><strong>Name</strong><input id="name" type="text" placeholder="first and last" required ></label></ul></label id="name-label">
<label id="email-label"><strong>Email</strong><input id="email" type="email" required placeholder="email"></label>
<label id="number-label">Age<input id="number" type="number" min="13" max="120"  placeholder="age"></label>
  
    <label> Select skill level</label>
    <select id="dropdown" name="experience level">
      <option value="" >Select skill level</option>
      <option value="1"> Beginner</option>
      <option value="2"> Intermediate</option>
      <option value="3">Advanced</option></select>
      

<fieldset>
<label id="coding"> What kind of coding languages are you interested in learning?
<ul><label for="Javascript"><strong>Javascript</strong></label>
<input id="Javascipt" type="checkbox" name="Javascript" value="Javascript">
<ul><label for="Python"><strong>Python</strong></label>
<input id="Python" type="checkbox" name="Python" value="Python">
</ul><ul><label for="Ruby"><strong>Ruby</strong></label>
  <input id="Ruby" type="checkbox" name="Ruby" value="Ruby"> 
 </ul><ul> <label for="SQL"><strong></strong>SQL</label>
<input id="SQL"type="checkbox" name="SQL" value="SQL"></ul></fieldset>
<label for="camp">Have you used freecodecamp.org</label>
  <input id="yes" type="radio" name="yes-no" value="yes" checked> yes</input>
  <input for="no" type="radio" name="yes-no" value="no"> no</input> 
  <label for="describe"> If yes, describe what your experience was like below:</<label><textarea placeholder="text here"></textarea>
  <hr></hr>
    <button type="submit" id="submit">Submit</button>
    </form></body>




 
  </body>

/* file: styles.css */




 header {
   text-align: center;
font-family: cursive;
font-size: 20px;
font-color: #e6e6ff;
}

html{background-image:url(https://images.unsplash.com/photo-1692639969478-a0dad77774c3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHx0b3BpYy1mZWVkfDIzM3xibzhqUUtUYUUwWXx8ZW58MHx8fHx8&auto=format&fit=crop&w=500&q=60);
background-size:contain;
}
input, select,textarea { background: transparent; border: none; } 
body {text-align:center;}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

I think the css property you need here is just color rather than font-color

2 Likes

Hello,

you change the color of your font with the property color as example:

selector {
  color: #e6e6ff;
}
1 Like

omgosh you guys, idk if my brain is fried from all the other struggles or if i was thinking zebras instead of horses. I did all kinds of combos lol. THANK YOU!

ahwa … happens often nothing you should struggle with. Only with doing mistakes you grow.

1 Like

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