I am stuck and need some help!

1

Tell us what’s happening:
stuck!!! help!

Your code so far

<style>
  body {
    background-color: black;
    font-family: Monospace;
    color: white
  }
  #orange-text {
    color: orange;
  }
  .pink-text {
    color: pink;
  }
  .blue-text {
    color: blue;
  }
</style
  
<h1 style="color: white" id="orange-text" class="pink-text blue-text"><h1> Hello World!</h1>

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.132 Safari/537.36.

Link to the challenge:
https://www.freecodecamp.org/challenges/override-class-declarations-with-inline-styles

2

Hi there.

I am not completely sure what you are needing help with.
However I do see a few syntax errors.

For your CSS, between the < style > tag, make sure that you end each value with a semi-colon ( ; ). For example, you are missing one in your body selector, look to see what you are missing. HINT: it’s within the color property.

Now for your HTML, you have a problem with your header tag “h1 tag”.
Let’s walk through it together.
You first must start with the header tag with < h1 > < / h1 >. Then you wish to give it in-line styles such as style=“color: white” id=“orange-text” class=“pink-text blue-text”.
So let’s do that, < h1 style=“color: white” id=“orange-text” class=“pink-text blue-text” > < /h1 >.
Now, we want the browser to render “show” hello world!.
To do this, we simple put it between our h1 tag. < h1 style=“color: white” id=“orange-text” class=“pink-text blue-text” >Hello World!< / h1 >

So, notice that within your html code, you opened a h1 tag then opened another h1 then closed that one. So the browser simply sees this < h1 > < h1 > < /h1 >. You were very close, simply remove the < h1 > tag before the “Hello World!”.

Doing great! Keep going!

3

I guess im still not getting it, i did what you said, at least i think i did and it still is saying its wrong.

4

Hit “Reset Code” and then try again. If you’re still not able to pass, reply to this message and paste in your most recent attempt. If you can, format your code by selecting it all and pressing the </> button just above the text box, or by surrounding the code with three backticks. See this post to find the backtick on your keyboard.

markdown_Forums

5

You are getting it. Don’t give up!
Now, where it says < h1 style=“color:white” try putting a semi-colon after the word white.
So put, < h1 style=“color:white;”. Let me know if this fixes the problem. If not, could you tell me which problem you are working on so I can personally look at it? Or the “errors” it says?

6

It might be helpful to google more about – CSS Syntax along with knowing more about inline vs external vs internal CSS. NOTE, it is more recommended and better to use external CSS.

Here’s an example of external CSS, which will be created in a css file.
h1 {
color: white;
}

Here’s an example of inline CSS, which will be used within your tags in your html file.
< h1 style=“color: white;” >

Here’s an example of Internal CSS, which will be used in your html file, in the head tag followed by a style tag,
< head >
< style >

h1 {
color:blue;
}

< /style >
< /head >