Apenas consegui acertar 14, o que há de errado neste codigo html e css?Peço ajuda

<h1 id="title">Formulário de cadastro de usuário</h1>
<p id="tex">Insira seus dados para ter melhor experiència no nosso website.</p>
</div>

<form id="survey-form" action="" method="">
  <div>
    <label for="name">Nome:</label><br>
    <input type="text" id="name" name="name" placeholder="digite seu nome verdadeiro" required><br />
  </div>
  <div>
    <label for="email">Email:</label><br>
    <input type="email" id="email" name="email" placeholder="digite um email     válido" required><br />
  </div>
  <div>

    <label for="number">Sua Idade:</label><br>
    <input type="number" id="number" name="number" min="0" max="120" placeholder="Digita sua idade neste espaço" required><br />
  </div>
  <div id="genero">
    <p>Genero</p>
    <label for="homem">
      <input type="radio" id="homem" name="homem">Homem
    </label><br>
    <label for="mulher">
      <input type="radio" id="mulher" name="mulher">Mulher
    </label><br>
  </div>

  <div>
    <label>Qual é a sua ocupação?</label><br />
    <select id="dropdown" name="ocupacao" multiple>
      <option value="Dezemp">Ocupação</option>
      <option value="Med">Médico</option>
      <option value="Eng">Engenheioro</option>
      <option value="Prof">Professor</option </select>
  </div>

  <div>
    <p>Estado Civil</p>

    <label for="solteiro">
      <input type="checkbox" id="solteiro" name="solteiro" value="solteiro"> Solteiro
    </label><br>
    <label for="Casado">
      <input type="checkbox" id="casado" name="casado" value="casado"> Casado(a)
    </label><br>
    <label for="uniao-de-fato">
      <input type="checkbox" id="uniao-de-fato" name="uniao-de-fato" value="uniao     defato"> União de fato
    </label><br>
  </div>
  <div>
    <p>Por quantos anos está nesta ocupação?</p>
    <select id="year-ocupation">
      <option value="0-1">0 a 1 ano</option>
      <option value="1-10">1 a 10 anos</option>
      <option value="11-20">11 a 20 anos</option>
      <option value="21-50">21 a 50 anos</option>
    </select>
  </div>
  <div>

    <label for="msg"> Sobre você</label><br>
    <textarea id="msg" placeholder="Por favor fale mais sobre você em pelo         menos 500 palavras"></textarea><br>
  </div>
  <div>
    <button type="submit" id="submit">Cadastrando<button>
  </div>
</form>
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&display=swap");

* {
  font-family: "Playfair Display", serif;
}
#title{
  text-transform: uppercase;
}

#title, #tex {
  text-align: center;
}

#survey-form {
  width: 400px;
  border: 1px solid #ccc;
  border-radius: 1em;
  margin: auto;
  padding: 1em;
  height: auto;
}

#survey-form #name,
#email,
#number {
  width: 300px;
  padding: 0.5rem;
  border: 1px solid #ccc;
}

# survey-form #solteiro {
  width: 1em;
}

[type="checkbox"] {
  width: 1rem;
}

#survey-form div {
  margin: 0.5em 0 .5em 0;
}

#dropdown{
  width: 300px;
  margin: 1rem 0 2em 0;
  font-size: 1em;
}
#year-ocupation{
  width: 300px;
  padding: .5em;
  font-size: 1em;
  border: 1px solid #ccc;
}

#msg{
  width: 300px;
  height: 10em;
  border-radius:3px;
  border: 1px solid #ccc;
}

#msg:hover{
  border: 1px solid green;
}

#submit{
  width: 10em;
  background: green;
  border: none;
  border-radius: 1em;
  padding: .8em;
  font-size: 1em;
  color: #fff;
  font-family: font-family: 'Playfair Display', serif;
  cursor: pointer;
}

#submit:hover{
  background: #bd4d45;
}

I assume this is the survey form?

If I press the red button that says, “14/17 Passed” I can see the description of the test results.

The first failing test is:

  1. I can see a short explanation with id=“description” in P sized text.

There should be an element with id=“description” : expected null to not equal null

AssertionError: There should be an element with id=“description” : expected null to not equal

When I look in your code, I do not see a p element with the id of “description”.

Does that makes sense? The tests are trying to tell you why they are failing. Read through those and see what you can figure out. If you get stuck, check back and see if you can give you more help.

2 Likes

Oi, @desenv34 ! Boas-vindas ao fórum do freeCodeCamp. Passei seu post para a seção do português em função do título. Espero que não se importe.

Vejo que a solução já está marcada. Então, acredito que já esteja resolvido o problema. Se precisar de algo mais, fique à vontade de postar por aqui. Boa sorte nos estudos! :slight_smile:

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