Instruções

Passo 17

Agora que os estilos foram aplicados ao elemento div, é hora de aplicar alguns estilos ao elemento p. Atualmente, a cor do texto para o elemento paragraph é preta. Mas seria bom se a cor fosse um vermelho escuro em vez disso. Em uma etapa anterior, você aprendeu como trabalhar com cores de fundo assim: bg-red-100. Você pode fazer algo semelhante com a cor do texto seguindo este padrão: text-color-shade. Aqui está um exemplo de como aplicar uma cor de texto azul a um elemento:
<p class="text-blue-500">This has blue text.</p>
Comece adicionando um atributo class ao seu elemento p. Então, aplique a classe utilitária correta para definir a cor do texto vermelho com o tom definido para 700.

O que fazer:

Testes:

  • Seu elemento `p` deve ter um atributo class.
  • Sua tag de abertura `p` deve ter a classe utilitária `text-red-700`.

Preview