P tag not appearing doing the survey form project

Tell us what’s happening:
Guys, I need help with my p tag not appearing in the browser at all. Been trying to find a solution to this everywhere. The p tag with the sentence “Which of the following is your favourite cryptocurrency?” does not show up at all within the div tag with class form-group. I am using the latest chrome browser.

Your code so far

<h1 id="title" class="text-center">Doge Army Community Registration</h1>

<p id="description" class="description text-center">Build the Doge Army together</p>

<form id="survey-form">
  
  <div class="form-group">
    <label id="name-label" for="name">Name</label>
    <input type="text" name="name" id="name" class="form-control" placeholder="Enter your email" required>
  </div>
  
  <div class="form-group">
    <label id="email-label" for="email">Email</label>
    <input type="email" name="email" id="email" class="form-control" placeholder="Enter your email" required>
  </div>
  
  <div class="form-group">
    <label id="number-label" for="number">Age</label>
    <input type="number" name="age" id="number" min="18" max="100" class="form-control" placeholder="Enter your age" required>
  </div>
  
  <div class="form-group">
    <p>What sort of role do you prefer in the Doge Army?</p>
    <select name="role" id="dropdown" class="form-control" required>
      <option disabled selected value>Select your preferred role</option>
      <optgroup label="First Class">
        <option value="paladin">Paladin</option>
        <option value="assassin">Assassin</option>
        <option value="hacker">Hacker</option>
        <option value="wizard">Wizard</option>
      </optgroup>
      <optgroup label="Second Class">
        <option value="farmer">Farmer</option>
        <option value="miner">Miner</option>
        <option value="staker">Staker</option>
      </optgroup>
  </div>
    <div class="form-group">
      <p>Which of the following is your favourite cryptocurrency?</p>
      <label>
        <input type="radio" name="user-recommend" value="Bitcoin" checked>Bitcoin</label>
      <label>
        <input type="radio" name="user-recommend" value="Ethereum">Ethereum</label>
      <label>
        <input type="radio" name="user-recommend" value="XRP">XRP</label>
      
      <div class="form-group">
        <p>Which DeFi platform would you be interested in?</p>
        <select name="defi" id="defi" class="form-control" required>
          <option disabled selected value>Select your preferred DeFi platform</option>
          <option value="UniSwap">UniSwap</option>
          <option value="WanSwap">WanSwap</option>
          <option value="ZooKeeper">ZooKeeper</option>
          <option value="SushiSwap">SushiSwap</option>
          <option value="Curve">Curve</option>
          </div>
        
   
     

</form>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.212 Safari/537.36

Challenge: Build a Survey Form

Link to the challenge:

Link to my CodePen
https://codepen.io/amir-rosli/pen/bGqqXXx?editors=1100

1 Like

make sure to close all your elements, including the select element

2 Likes

I suggest you use only labels for this porpuse instead of p. Check out my version of Survey Form here

1 Like

Yea just realised it, stupid mistake.

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