Responsive Web Design Projects - Build a Survey Form

Tell us what’s happening:
Describe your issue in detail here.
With respect to the Value attribute, I am encountering difficulty and I don’t seem to identify the problem. Kindly assist me through it.
Thank you

   **Your code so far**
/* file: index.html */
<!DOCTYPE html>
    #tribute-info {
 background: white;
font-color {
 font-color: blue;
body {
 background: white;

<h1 id="title">Survey Form</h1>
 <p id = "description">Sign Up</p>
   <form id="survey-form">
     <label for="name" id="name-label">Name: </label><br><input type="text" id="name" name="name"  required placeholder="Your name here"><br><br>
     <label for="email" id="email-label" placeholder="Your email here">Email: </label><br>
     <input id="email" type="email"  required placeholder="Your email here"><br><br>
     <label for="number" id="number-label">Age(Optional) </label><br>
     <input type="number" id="number" min="10" max="99" placeholder="Your age here"><br>
  <label for="Role Preference" id="Career Preference" placeholder="Select current role">Which option best describe your current role</label> <br>
  <select name="selection" id="dropdown" list="selection list">
<option value="Role">Select your current role</option>
<option value="Learner">Student</opyion>
<option value="Worker">Full Time Job</option>
<option value="Education">Full Time Learner</option>
<option value="Kept">Prefer not to say</option>
<option value=”other”>Other</option>
<legend>Would you recommend freeCodeCamp to a friend?</legend>
<input type="radio" name="coder" value="Definitely">Definitely<br>
<input type="radio" name="coder" value="Maybe">Maybe<br>
<input type="radio" name="coder" value="Not sure">Not sure<br>
<label for="Role Preference" id="Career Preference" placeholder="Select an option">What is your favorite feature of freeCodeCamp ?</label> <br>
  <select name="selection" id="dropdown" list="selection list">
<option value="Role">Select an option</option>
<option value="Learner">Challenges</opyion>
<option value="Worker">Projects</option>
<option value="Education">Community</option>
<option value="Kept">Open Source</option>

<legend>What would you like to see improved? (Check all that apply)</legend>
<input type="checkbox" id="Developer" name="Developer" value="Front-end Project">
<label for="Front-end"> Front-end Project</label><br>
<input type="checkbox" id="Back-end" name="Developer" value="Back-end Project">
<label for="Back-end"> Back-end Project</label><br>
<input type="checkbox" id="Developer" name="Developer" value="Data Visualization">
<label for="Data Visualization"> Data Visualization</label><br>
<input type="checkbox" id="Developer" name="Developer" value="Challenges">
<label for="Challenges"> Challenges</label><br>
<input type="checkbox" id="Developer" name="Developer" value="Open Source Community">
<label for="Open Source"> Open Source Community</label><br>
<input type="checkbox" id="Developer" name="Developer" value="Gitter help rooms">
<label for="Gitter"> Gitter help rooms</label><br>
<input type="checkbox" id="Developer" name="Developer" value="Videos">
<label for="Video"> Videos</label><br>
<input type="checkbox" id="Developer" name="Developer" value="City MeetUps">
<label for="City"> City MeetUps</label><br>
<input type="checkbox" id="Developer" name="Developer" value"Wiki">
<label for="Wiki"> Wiki</label><br> 
<input type="checkbox" id="Developer" name="Developer" value="Forum">
<label for="Forum"> Forum</label><br>
<input type="checkbox" id="Developer" name="Developer" value="Additional Courses">
<label for="Add Course"> Additional Courses</label><br>
<legend>Any comments or suggestions?</legend>
<textarea name="comments" id="comments"></textarea>
<button id="submit">Submit</button>
/* file: styles.css */

   **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:103.0) Gecko/20100101 Firefox/103.0

Challenge: Responsive Web Design Projects - Build a Survey Form

Link to the challenge:

  1. Visit this link to see the right way to write a simple html file
    Introduction to HTML
  2. Try to pass the user stories one by one
  3. It requires to write external CSS not internal. If you take look right beside instruction there are 2 “buttons” index.html and styles.css. You should link your css file from html
    HTML Styles CSS

hope this will help. Happy coding

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