Aprenda cores em CSS criando um conjunto de marcadores coloridos - Passo 33

Português HTML-CSS
1

Conte-nos o que está acontecendo:
Descreva detalhadamente o problema aqui.
o exercício solicita para que eu crie o violeta colocando o 255 no verde e 127 no azul, mas não continua
Seu código até o momento

<!-- 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>Colored Markers</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <h1>CSS Color Markers</h1>
    <div class="container">
      <div class="marker one">
      </div>
      <div class="marker two">
      </div>
      <div class="marker three">
      </div>
    </div>
  </body>
</html>

/* file: styles.css */
h1 {
  text-align: center;
}

.container {
  background-color: rgb(255, 255, 255);
  padding: 10px 0;
}

.marker {
  width: 200px;
  height: 25px;
  margin: 10px auto;
}

.one {
  background-color: rgb(255, 127, 0);
}

.two {
  background-color: rgb(0, 255, 127);
}


/* User Editable Region */

.three {
  background-color: rgb(255,127, 255);
}

/* User Editable Region */

Informações de seu navegador:

Agente de usuário: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.13; rv:109.0) Gecko/20100101 Firefox/110.0

Desafio: Aprenda cores em CSS criando um conjunto de marcadores coloridos - Passo 33

Link para o desafio:

2

Olá, parece que há um erro de tradução. No inglês é:

...Update the rgb function in the .three CSS rule so that blue is at the max value, and set red to 127.

Azul no máximo (B), Vermelho no 127 (R). Como não há menção do verde e foi feito nas 2 funções RGB anteriores, ele deve ter o valor 0 (G).

Enquanto o @danielrosa verifica e corrige, use a função como pedido em Inglês que vai dar certo. Bons estudos!

Aliás, cuidado com o espaçamento, deve haver apenas 1 espaço após a vírgula entre os valores. Fiz o teste e passou normalmente, mas o ideal é tentar manter no padrão… dependendo da situação esse espaço extra pode causar muita dor de cabeça. :sweat_smile:

4

Olá, @Lucasscrimet, e boas-vindas ao fórum do freeCodeCamp. O @weslleyend matou a charada. É isso mesmo, um erro na tradução. A cor deve ter azul cheio, nada de verde e 127 de vermelho. Já ajustei a tradução e agora é só aguardar que suba a correção. Por enquanto, para passar no teste, basta definir as cores como sugerido pelo @weslleyend. Muito obrigado aos dois pelo toque! :smiley:

1 Like