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