Survey Form - Build a Survey Form

Tell us what’s happening:
Describe your issue in detail here.

I have passed all the tests but don’t know where should i submit my code.
There is no submission link.
Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Survey Form</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <h1 id="title">Survey Form</h1>
    <p id="description">Thank you for taking the time to fill this survey form</p>
    <div class="contentBox">
      <form id="survey-form">
        <label for="name" id="name-label">Name <input id="name" type="text" placeholder="Enter your name" required></label>
        <label for="email" id="email-label">Email <input id="email" type="email" placeholder="Enter your email" required></label>
        <label for="number" id="number-label">Age <input id="number" type="number" min="10" max="75" placeholder="Age" required></label>
        <label for="dropdown">Which device do you use? <select id="dropdown">
          <option value="">Select an option</option>
          <option value="1">Mobile</option>
          <option value="2">Tablet</option>
          <option value="3">Laptop</option>
          <option value="4">Desktop</option>\
        </select></label>
        <label for="like" class="yesNo">Do you like using technology?</label>
        <label for="like" class="yesNo"><input type="radio" id="like" name="yes-no"> Yes</label>
        <label for="like" class="yesNo"><input type="radio" id="like" name="yes-no"> No</label>
        <label>What O.S do you use?
        <label for="android"><input type="checkbox" id="android" value="android"> Android</label>
        <label for="windows"><input type="checkbox" id="windows" value="windows"> Windows</label>
        <label for="ios"><input type="checkbox" id="ios" value="ios"> Ios</label>
        <label for="macos"><input type="checkbox" id="macos" value="macos"> MacOS</label></label>
        <label for="data">Enter your comment here: <textarea id="data" placeholder="Enter your comment here..." rows="4" cols="120"></textarea></label>
        <input id="submit" type="submit" value="submit">
      </form>
    </div>
  </body>
</html>
/* file: styles.css */
h1,p{
  color: white;
  text-align: center;
}
h1{
  font-family: sans-serif;
  margin-bottom: -10;
  margin-top: 30;
  font-size: 41px
}
body{
  background-color: rgba(41, 0, 68, 0.9); 
}

div{
  background:linear-gradient(90deg,rgba(41,0,68,0.17) 50%, rgb(27, 6, 41) 99%);
  color:white;
  width: 60%;
  padding: 0 55;
  margin: 15px auto;
  box-shadow: 0 0 20px 0 rgba(255, 255, 255, 0.19);
  font-family: tahoma;
  font-size: 15px;
}

label{
  display: block;
  padding: 0.5rem 0;
}

form{
    width: 60vw;
    max-width: 500px;
    min-width: 300px;
    margin: 0 auto;
    padding-bottom: 2em;
    padding-top: 1.5em;
}

input[required],select{
    margin: 10px 0 0 0;
    width: 100%;
    min-height: 2em;
}

  input[type="submit"] {
    display: block;
    margin: 1em auto;
    height: 2em;
    font-size: 0.9rem;
    background-color:rgb(27, 6, 41);
    border-color: black;
    font-family: tahoma;
    color: white;
  }

  textarea{
    max-width: 100%;
  }
  

Your browser information:

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

Welcome to our community!

If you have passed the test, the ‘editor’ will open the next challenge.
The ‘Survey Form’ project will be visible if you click on ‘menu’, then ‘profile’.

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