Survey Form - Build a Survey Form (doesn't get shown in the preview anymore)

Tell us what’s happening:

Hey, I’m new to HTML and trying currently somethings out what I learned so far. I wanted to continue my survey form but it doesn’t continue. I cannot add anything more below. I can change the things which are already there but not adding something below. Is my page to “short” or did I miss something? Please help me :sweat_smile:

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Survey for Cake-Tasting</title> 
    <link rel="stylesheet" href="styles.css"/>
  </head> 
    <h1 id="title">Survey for Cake-Tasting</H1> 
    <p id="description">We want to hoast a cake party where you can meet new people and get to know them but the twist is everyone who wants to panticipate has to bake a mini cake which is choosen from somebody else. So you will bake a mini cake for a stranger and a stranger will bake a mini cake for you. Its a great challenge!</p>  
    <p>Please fill out this form for the cake party</p> 
    <form method="get|post" id="survey-form"> 
            <fieldset id="survey-form"> 
    <label id="name-label">Enter Your Name: <input id="name" name="name" type="text" placeholder="name" required /></label>
        <label id="last-name">Enter Your Last Name: <input id="last-name" name="last-name" type="text" placeholder="last-name" required /></label>
    <label id="number-label">Enter your age <input id="number" type="number" name="number" min="18" max="120" placeholder="number" required> </label> 
        <label id="email-label">Enter Your Email: <input id="email" name="email" type="email" placeholder="email" required /></label>
        <label for="new-password">Create a New Password: <input id="new-password" name="new-password" type="password" pattern="[a-z0-5]{8,}" placeholder="password" required /></label>
      </fieldset> 
      <p>Your dream cake</p>
      <fieldset>         
      <label for="cake-flavour">What is your favourite cake flavor? <input id="cake-flavour" name="cake-flavour" type="text" required /></label> 
      <label for="cake-filling">Name two flavours you would like to combine in the cake filling <input id="cake-filling" name="cake-filling" type="text" required /></label> 
      <label for="cake-outside">Would you prefer outlayer of the cake with fondant or cream of your choice?<input id="cake-outside" name="cake-outside" type="text" required /></label>
      </fieldset>
      <p>Your personal preference</p> 
      <fieldset>
<legend>Should your cake be vegan?</legend>
<input id="no" type="checkbox" name="choice" value="no" required> <label for="no">No</label> 
<input id="yes" type="checkbox" name="choice" value="yes" required> <label for="yes">Yes</label> 
<input id="doesn't matter" type="checkbox" name="choice" value="doesn't matter" required> <label for="doesn't matter">Doesn't matter</label> 
</fieldset>
<fieldset>
<legend>Should your cake be halal?</legend>
<input id="no" type="checkbox" name="choice" value="no" required> <label for="no">No</label> 
<input id="yes" type="checkbox" name="choice" value="yes" required> <label for="yes">Yes</label>
<input id="doesn't matter" type="checkbox" name="choice" value="doesn't matter" required> <label for="doesn't matter">Doesn't matter</label> 
</fieldset> 
<fieldset>
  <legend>What should the cake <big>not</big> contain because of allergies (please choose one option)</legend>
  <select id="dropdown"> 
    <option value="p1">Nuts</option>
    <option value="p2">Food coloring</option>
    <option value="p3">Eggs</option>
    <option value="p4">Someting else</option>
    <option value="p5">No allgergies</option>
    </fieldset>
    <fieldset>
      <label>Choose your Milk</label>




/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.2 Safari/605.1.15

Challenge Information:

Survey Form - Build a Survey Form

Hi there. Copy and save your code some where and do a hard refresh on your browser and try again to paste your code to the challenge editor.

I already tried but unfortunately it doesn’t help…

try one of the following steps to move forward.

Force a refresh of your page with CTRL + F5 then try to paste the code in again.

or - Try the step in incognito or private mode.

or - Disable any/all extensions that interface with the freeCodeCamp website (such as Dark Mode, Ad Blockers, or Spellcheckers),.

or - Ensure your browser is up-to-date or try a different browser.

I hope one of these will work for you.

Thanks for you help. I removed the last part and than past it in again and suddenly it works :smile: