Why is this not working? set font size for multiple headings

HTML-CSS
1

this should be correct… even when compared to the video it is exactly the same…

<style>

h1 {text-size: 68px;}

h2 {text-size: 52px;}

h3 {text-size: 40px;}

h4 {text-size: 32px;}

h5 {text-size: 21px;}

h6 {text-size: 14px;}

</style>

<h1>This is h1 text</h1>

<h2>This is h2 text</h2>

<h3>This is h3 text</h3>

<h4>This is h4 text</h4>

<h5>This is h5 text</h5>

<h6>This is h6 text</h6>

Your code so far


<style>
h1 [text-size: 68px;]
h2 [text-size: 52px;]
h3 [text-size: 40px;]
h4 [text-size: 32px;]
h5 [text-size: 21px;]
h6 [text-size: 14px;]
</style>
<h1>This is h1 text</h1>
<h2>This is h2 text</h2>
<h3>This is h3 text</h3>
<h4>This is h4 text</h4>
<h5>This is h5 text</h5>
<h6>This is h6 text</h6>

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.88 Safari/537.36

Challenge: Set the font-size for Multiple Heading Elements

Link to the challenge:

2

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.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

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

3

Unless that video is horribly wrong, it is not “exactly the same”.

First of all, you offer two different sets of code. One uses square brackets ([]) for the CSS definitions. Those won’t work.

Next, what is the CSS attribute “text-size”? Reread the instructions:

In the style tags, set the font-size of the: …

4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.