Build a survey form struggle

HTML-CSS
1

I just completed the certification project: Build a survey form. But Im pretty sure not the way the site intends, cause it litterally looks like Ive just added the basic functions of the survey and nothing else, what did I miss?

<!DOCTYPE html>
<html>
<head>
  <title>Survey Form</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
<h1 id="title">OVERLOCK CHARACTERS SURVEY </h1>
    <p id="description">Get over your choices</p>
      <form id=survey-form>
        <label id="name-label">Name<input id="name" type="text" required placeholder="Name">
        <label id="email-label">Email<input id="email" type="email" required placeholder="Email">
        <label id="number-label">Age<input id="number" type="number" min="16" max="99" placeholder="Age">

        <select id="dropdown">
          <option value="Lash">Lash</option>
          <option value="Bebop">Bebop</option>
          <option value="Pocket">Pocket</option>
          <option value="Vindicta">Vindicta</option>
          <option value="Seven">Seven</option>
        </select>
        
        <input type="radio" value="OP tier" name="viability">
        <input type="radio" value="A tier" name="viability">
        <input type="radio" value="Playable" name="viability">
        <input type="radio" value="Trash tier" name="viability">
        <input type="checkbox" value="1" name="ability">
        <input type="checkbox" value="2" name="ability">
        <input type="checkbox" value="3" name="ability">
        <input type="checkbox" value="4" name="ability">
        <textarea></textarea>
        <button id="submit" type="">Submit</button>
2

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356Ă—380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

3

It looks like you did not use any CSS

4

I was expecting to, but the steps never mentioned it.

5

That would explain why your site looks pretty basic then.

6

My doubt is if the FCC guide was supposed to guide me like this or it was implied that I should have use also css even if not mentioned

7

The tests are the minimum requirements, not exactly what you need to do

1 Like
8

Got it, thanks for the answers :smiley: