Survey Form - Build a Survey Form

Tell us what’s happening:
hello good day. I keep getting the uploaded picture as feedback when I run my code but I’m yet to make my radio and checkbox elements to be on the same line. does that mean that the curriculum is 20% done or I’m 20% done with the assignment?

and please how do I resolve the radio and checkbox problem with css?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <title>Basketball Survey Form</title>
    <link rel=stylesheet href="styles.css">
    <h1 id="title"> Basketball Survey Exercise </h1>
    <p id="description"> Fill in the form below for a chance to be selected </p>
  <form id="survey-form">
        <label id="name-label"> Full Name: <input type="text" id="name" placeholder="what are your names" required /></label>
        <label id="email-label"> Email: <input id="email" type="email" placeholder="enter a valid email" required/></label>
        <label id="number-label"> Age: <input id="number" type="number" min="7" max="22" placeholder="how old are you" required/></label>
 <label> Which option best describes your level of play: 
          <select id="dropdown">
          <option value="">(select level)</option>
          <option value="1">Novice</option>
          <option value="2">Advanced Beginner</option>
          <option value="2">Competent</option>
          <option value="4">Proficient</option>
          <option value="5">Expert</option>
    <label> Style of play: </label>
      <input type="radio" value="style-of-play" name="play-style" /> Right hand 
          <input type="radio" value="style-of-play" name="play-style"/> Left hand 
          <input type="radio" value="style-of-play" name="play-style"/> Both 
  <label>Favourite positions to play? (select all that apply)</label>
  <input type="checkbox" value="position-of-play"/> Forward
  <input type="checkbox" value="position-of-play"/> Point Guard
  <input type="checkbox" value="position-of-play"/> Center
  <input type="checkbox" value="position-of-play"/> Small Forward
  <label> More info about you: <textarea></textarea>
      <input type="submit" id="submit"/>

/* file: styles.css */
body {
  width: 100%;
  height: 100vh;
  margin: 0;
  background-color: #1b1b32;
  color: #ffffff;
h1, p {
  margin: 1em auto;
  text-align: center;

form {
  max-width: 500px;
  min-width: 300px;
  width: 60vw;
  margin: 0 auto;
  padding-bottom: 2em;

label {
  display: block;
  margin: 10px;
fieldset {
  border: 0;
  padding: 2rem auto;
input, textarea, select {
  width: 100%;
  margin-top: 10px;
  height: 25px;

textarea {
  width: 250px;
  height: 100px

input[type='submit'] {
  width: 60%;
  background-color:  #1b1b32;
  color: #ffffff;
  display: block;
  margin: 0 auto;
  height: 35px;
  font-size: 16px

Your browser information:

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

it means it is satisfied that you completed the requirement for this part of the curriculum (which represents a total of 20% of the total)

so I should accept that and move on or keep trying to resolve the problem?

ps I have googled for solution but stack overflow keeps giving a more advanced css solution that involves js.

hmm, well, it is up to you.
Have you already done all the projects that teach CSS in fCC?

No. this is the first. just started taking the course.

Okay so you may learn more later in the next courses…

okay. thanks. if I don’t figure it out by tomorrow I will move on.

you can always come back. Just save the code somewhere like on codepen so it doesn’t get lost…

already saved on fcc but I will open account on codepen
and do that as well.

finally resolved thee radio and checkbox issue…still getting 20% though but I will be moving on. the code is cleaner and easier to rad now. Thanks for the help.

np, the 20% is only because you still have 4 other projects to complete (each one is worth 20%, so it is not a grade)

yeah I get that now.

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