Problem with paragraph in survey form

I’m building my Survey Form challenge right now and it seems to have a problem with my div and p tags because they don’t appear in the preview. I tried in codepen and it has the same problem, so I guess the issue is in my code but I can’t see it.
My code so far:

<html>
  <head>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <header class="header">
      <h1 id="title">freeCodeCamp</h1>
      <p id="description" class="description text-center">Thank you for taking the time to help us improve the platform</p>
    </header>
    <form id="survey-form">
      <div class="form-control">
        <label id="name-label" for="name">Name</label>
        <input
        type="text"
        id="name"
        name="name"
        placeholder="Enter your name"
        required
        />
      </div>
        <div class="form-control">
        <label id="email-label" for="email">E-mail</label>
        <input
        type="text"
        id="email"
        name="email"
        placeholder="Enter your email"
        required
        />
      </div>
        <div class="form-control">
        <label id="age-label" for="age">Age</label>
        <input
        type="number"
        id="number"
        min="10"
        max="99"
        name="age"
        placeholder="Age"
        />
      </div>
      <div class="form-control"
      <p>Which option best describes your current role?</p>
      <select id="dropdown" for="role" name="role" required </select>
      <option disabled selected value>Select current role</option>
      <option value="student">Student</option>
      <option value="job">Full Time job</option>
      <option value="learner">Full Time learner</option>
      <option value="unemployed">Unemployed</option>
      <option value="preferNo">Prefer not to say</option>
      <option value="other">Other</option>
    </div>
<div class="form-control"
      <p>Would you recommend freeCodeCamp to a friend?</p>
<input
      name="user-recommend"
      value="definitely"
      type="radio"
      class="input-radio"
      checked
      />

Even though the radio checkbox appear in the preview, the paragraph doesn’t and I can’t understand why. Maybe it’s a silly mistake that I’m making here, but I need help!

I checked your code on validator. I suggest you try it)

1 Like

Hi! The validator is a great tool. Take a look at your elements and make sure the opening and closing tags all match up!

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