Tell us what’s happening:
Keeps on saying my radio button should be below my legend element which I’ve done. I can’t see the problem please help
My code
Hotel Feedback Form
Thank you for staying with us. Please provide feedback on your recent stay.
Your code so far<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Hotel Feedback Form</title>
</head>
<body>
<header>
<h1>Hotel Feedback Form</h1>
<p>
Thank you for staying with us. Please provide feedback on your recent
stay.
</p>
</header>
<main>
<form method="POST" action="https://hotel-feedback.freecodecamp.org">
<fieldset>
<legend>Personal Information</legend>
<label for="full-name">Name (required):</label>
<input type="text" id="full-name" name="name" placeholder="e.g., John Doe" required size="20">
<label for="email">Email address (required):</label>
<input
placeholder="example@email.com"
required
id="email"
type="email"
name="email"
size="20"
/>
<label for="age">Age (optional):</label>
<input type="number" name="age" id="age" min="3" max="100" />
<!-- User Editable Region -->
<fieldset>
<legend>Was this your first time at our hotel?</legend>
<input type="radio" id="yes-option" name="hotel-stay">
<label for="yes-option">Yes</label>
</fieldset>
<!-- User Editable Region -->
</main>
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Mobile Safari/537.36
Challenge Information:
Build a Hotel Feedback Form - Step 19