Build a Hotel Feedback Form - Step 27

HTML-CSS
1

Tell us what’s happening:

hi good people I dont know what is wrong with my system but I have tried doing this a many times as I could but it seems like I am doing it wrong even though I have copied word for word on how you did the above solution for step 27 so I don’t know what to do now …

// running tests
2. Your fieldset should have a legend element.
3. Your legend should have the text Ratings.
4. Your fieldset should have a label element below the legend.
5. Your label should have the text How was the service

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="Ex. 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" />
        </fieldset>

        <fieldset>
          <legend>Was this your first time at our hotel?</legend>
          <label for="yes-option">Yes</label>
          <input id="yes-option" type="radio" name="hotel-stay" />
          <label for="no-option">No</label>
          <input id="no-option" type="radio" name="hotel-stay" />
        </fieldset>

        <fieldset>
          <legend>
            Why did you choose to stay at our hotel? (Check all that apply)
          </legend>

          <label for="ads">Social Media Ads</label>
          <input type="checkbox" id="ads" name="ads" value="ads" />

          <label for="recommendation">Personal Recommendation</label>
          <input
            type="checkbox"
            id="recommendation"
            name="recommendation"
            value="recommendation"
          />

          <label for="location">Location</label>
          <input type="checkbox" id="location" name="location" value="location" />

          <label for="reputation">Reputation</label>
          <input
            checked
            type="checkbox"
            id="reputation"
            name="reputation"
            value="reputation"
          />

          <label for="price">Price</label>
          <input type="checkbox" id="price" name="price" value="price" />
                <fieldset>
            <legend></legend>
            </fieldset>
  
 

<!-- User Editable Region -->



<!-- User Editable Region -->

      </form>
    </main>
  </body>
</html>

Your browser information:

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

Challenge Information:

Build a Hotel Feedback Form - Step 27

2

Hi,
It looks like you’ve removed a part of the original code.
Reset the step and add your code below the closing fieldset tag. As stated in the third error, make sure to add the text inside the legend element. Make sure to work on the rest of the errors.
Good luck!

1 Like
3

hi Junior thanks I
thought of doing that and it worked immedidately so reseting that step gave me a breakthrough

1 Like
4

I’m glad it worked. Sometimes we remove some lines of code unintentionally, so it’s better to take a step back and restart the step.
Good luck with the coding!

5

Thank you very much, bro, do you mind if we can keep tabs ?

6

You’re welcome. Yeah, sure. I am here in the forums most of the time.