Difficulty starting Responsive Web Design tribute project

[Excelsior]

Tell us what’s happening:
Describe your issue in detail here.
I have started my first project after learning “Responsive Web Design” and I have to make a tribute page. I am using the online compiler suggest called Pen.

In the HTML screen I have coded…

<main id="background-set">
  <title id="text-set">A Tribute to Volodymyr Zelenskyy</title>
  
  
</main>

And in the CSS screen I have typed…

#background-set {
  font-family: system-ui;
  background-color: red;
}

#text-set {
  font-color: blue;
}

My background is white when I want red.
My question is how do I get a red background. I don’t know if there is a compile button, I haven’t seen one. So it must compile automatically?

I don’t know why I don’t have a red background.

Your browser information:

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

Challenge: Build a Tribute Page

Link to the challenge:

freeCodeCamp.org

[jwilkins.oboe]

Do you want the entire body red or just the main section.

If you want the entire body red, then you can target the body selector in your css.

body {
  font-family: system-ui;
  background-color: red;
}

If you just want the main section red, then you will have to fix a few things first.

You will want to use an h1 tag here.

@Excelsior

  <title id="text-set">A Tribute to Volodymyr Zelenskyy</title>

When you change that to an h1 then you should see the red background around your title.

Title tags are something different,
They provide the title for the web page and are used in the head section.
The title text will show up in the browser’s title bar like this

<title>Learn to Code — For Free — Coding Courses for Busy People</title>

For these projects you don’t need to use the title tag at all.
Here is some more information concerning the title tag

: The Document Title element - HTML: HyperText Markup Language | MDN

[jwilkins.oboe]

Also, to change the text color you will want to use the color property here instead of font-color

#text-set {
  color: blue;
}

[Sylvant]

Keep in mind, what you put inside the HTML frame, is placed inside the document body, so when you target body in the CSS, you style the container of all the content you placed in the HTML.