PLEASE I NEED YOUR HELP html

[kassamaustin]

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

  **Your code so far**

<style>
body {
  background-color: black;
  font-family: monospace;
  color: green;
  .pink-text{color;pink}
}
</style>
<h1>Hello World!</h1>

  **Your browser information:**

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

Challenge: Prioritize One Style Over Another

Link to the challenge:

freeCodeCamp.org

[jwilkins.oboe]

Hi @kassamaustin !

I would reset the lesson because there are a few issues.

Create a CSS class called pink-text that gives an element the color pink.

You can’t place the pink-text selector inside the body like this.

@kassamaustin

body {
  background-color: black;
  font-family: monospace;
  color: green;
  .pink-text{color;pink}
}

It needs to be outside the body selector

 body {
    background-color: black;
    font-family: monospace;
    color: green;
  }
.pink-text {
styles go in here
}

Then you need to be careful with your syntax here.

@kassamaustin

{color;pink}

This is the proper syntax

@kassamaustin

background-color: black;

Give your h1 element the class of pink-text .
You didn’t do that last step here

@kassamaustin

<h1>Hello World!</h1>

Hope that helps!

[kassamaustin]

thank you, i have tried it but still didnt get it. let me try again

[jwilkins.oboe]

Can you share your updated code?

[kassamaustin]

This is //

<style>

  body {

    background-color: black;

    font-family: monospace;

    color: green;

    .pink-text {

      color;pink

      }

</style>

<h1> class="pink-text">Hello World!</h1>//

[jwilkins.oboe]

I’ve edited your post 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.

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

[kassamaustin]

<style>
  body {
    background-color: black;
    font-family: monospace;
    color: green;
    .pink-text {
      color;pink
      }
</style>
<h1> class="pink-text">Hello World!</h1>`Preformatted text`

[jwilkins.oboe]

Two issues.

No.1:
You are missing a curly brace at the end of the body selector

@kassamaustin

  body {
    background-color: black;
    font-family: monospace;
    color: green;

No.2:
Classes go inside the opening html tag.
For example

<p class=""></p>

This is incorrect

@kassamaustin

<h1> class="pink-text">Hello World!</h1>

[kassamaustin]

Thank you, i have been able to do this

<style>
  body {
    background-color: black;
    font-family: monospace;
    color: pink;
  }
  .pink-text {
    color;pink
  }
</style>
<h1 class="pink-text">Hello World!</h1>

but still i havent been able to do this

Your <style> should have a pink-text CSS class that changes the color.`Preformatted text`

type or paste code here

[jwilkins.oboe]

You are not supposed to change anything in the body.
I think this was supposed to be green before

@kassamaustin

  font-family: monospace;
    color: pink;
  }

You need to change it back to the way it was.

This is still the wrong syntax

@kassamaustin

color;pink

You wrote it correct here

@kassamaustin

color: pink;

[jwilkins.oboe]

I just checked the challenge and yes it is supposed to be green here

  body {
    background-color: black;
    font-family: monospace;
    color: green;
  }

[kassamaustin]

This is where i have issues please, I have tried everything
Preformatted textYour should have a pink-text CSS class that changes the color.Preformatted text``Preformatted text

[ilenia]

have you made the changes suggested by @jwilkins.oboe ? what’s your code now?

[kassamaustin]

<style>
  body {
    background-color: black;
    font-family: monospace;
    color: green;
  }
  .pink-text {
    color;pink
  }
</style>
<h1 class="pink-text">Hello World!</h1>

This is my new code now, what did i do wrong here please

[ilenia]

@jwilkins.oboe

Then you need to be careful with your syntax here.

@kassamaustin

{color;pink}

This is the proper syntax

@kassamaustin

background-color: black;

this is still to fix for once

[neomokhele]

Please insert this code as-is in your code editor then you’ll be able to move on to the next challenge. If this doesn’t work on your current web browser; as I have faced this project on the challenges, please use Firefox or Chrome interchangeably

Mod Edit: SOLUTION REDACTED

The above code worked on my end, if it doesn’t work on yours, please confirm with an error message screenshot, so that I can assist you further and understand what may be the issue.

[JeremyLT]

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.