Survey Form - Build a Survey Form

Tell us what’s happening:
Describe your issue in detail here. I am having trouble aligning the text with the checkbox the terms and conditions is right after (check all that apply)
please help me correct it
Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <title>Registration Form</title>
    <link rel="stylesheet" href="styles.css" />
    <h1>freeCodeCamp Survey Form</h1>
    <p>Thank you for taking the time to help us improve the platform</p>
    <form method="post" action=''>
        <label for="name">Name <input id="name" name="name" type="text" required placeholder="Enter your name"/></label>
        <label for="email">Email <input id="email" name="email" type="email" required placeholder="Enter your Email"/></label>
        <label for="age">Age (optional)<input id="age" name="age" type="number" required min="10"max="99"/></label>
        <label for="role">Which option best describes your current role?
          <select id="role" name="role">
            <option value="">Select current role</option>
            <option value="1">Student</option>
            <option value="2">Full Time Job</option>
            <option value="3">Full Time Learner</option>
            <option value="4">Prefer not to say</option>
<option value="5">Other</option>
        Would you recommend freeCodeCamp to a friend?

<label for="definitely"><input id="definitely" type="radio" name="definitely" class="inline" /> Definitely</label>
        <label for="maybe"><input id="maybe" type="radio" name="maybe" class="inline" /> Maybe</label><label for="not sure"><input id="not sure" type="radio" name="not sure" class="inline" /> Not sure</label>
 <label for="referrer">What is your favorite feature of freeCodeCamp?

          <select id="feature" name="feature">
            <option value="">Select an option</option>
            <option value="1">Challenges</option>
            <option value="2">Projects</option>
            <option value="3">Community</option>
            <option value="4">Open Source</option>
 </select>What would you like to see improved? (Check all that apply)
</label<label for="terms-and-conditions" name="terms-and-conditions">
          <input id="terms-and-conditions" type="checkbox" required name="terms-and-conditions" class="inline" /> I accept the <a href="">terms and conditions</a>
        <label for="comment">Any comments or suggestions?

          <textarea id="comment" name="comment" rows="3" cols="30" placeholder="Enter your comment here..."></textarea>
      <input type="submit" value="Submit" />

/* file: styles.css */
body {
  width: 100%;
  height: 100vh;
  margin: 0;
  background-color: #1b1b32;
  color: #f5f6f7;
  font-family: Tahoma;
  font-size: 16px;

h1, p {
  margin: 1em auto;
  text-align: center;

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

fieldset {
  border: none;
  padding: 2rem 0;
  border-bottom: 3px solid #3b3b4f;

fieldset:last-of-type {
  border-bottom: none;

label {
  display: block;
  margin: 0.5rem 0;

select {
  margin: 10px 0 0 0;
  width: 100%;
  min-height: 2em;

input, textarea {
  background-color: #0a0a23;
  border: 1px solid #0a0a23;
  color: #ffffff;

.inline {
  width: unset;
  margin: 0 0.5em 0 0;
  vertical-align: middle;

input[type="submit"] {
  display: block;
  width: 60%;
  margin: 1em auto;
  height: 2em;
  font-size: 1.1rem;
  background-color: #3b3b4f;
  border-color: white;
  min-width: 300px;

input[type="file"] {
  padding: 1px 2px;

Your browser information:

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

I figured it out I had it in same element as select. but now the question What would you like to see improved? (Check all that apply) has disappeared

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