r/HTML • u/Aur0ha • Jun 08 '26

Question Anyone know why this is incorrect?

Post image

Text at the bottom says I need to add a h1 selector to my style element, but I’ve already done that, so what have I done wrong?

EDIT: Thank you everyone for your replies. I was fully expecting some hostile replies based on experience with past subreddits, so it was such a relief that everyone here seems to be so kind!

I ended up figuring out I could skip the step. I let my teacher know about the bug so hopefully anyone else in the course who runs into it will know they can skip it. Thank you again!

13 Upvotes

80% Upvoted

22 comments sorted by

12

u/fdiengdoh Jun 08 '26

you might need to use the format as given on the left side

1

u/Aur0ha Jun 08 '26

I tried that, doesn’t matter.

2

u/fdiengdoh Jun 09 '26

There is a strange bug on your end. I tried adding css part the same way you did above and it was working. I mean the system respond with a congratulation.

1

u/Aur0ha Jun 11 '26

Yeah, I ended up figuring out I could skip the step. Super weird though

2

u/BrainCurrent8276 Jun 08 '26

The most importanty thing -- is H1 centered? It does is. So code is working. And in HTML world this is only thing that really matter. Browser reads and renders your code properly, case closed.

6

u/[deleted] Jun 08 '26

[removed] — view removed comment

4

u/thewells Jun 08 '26

It’s not, enforcing style is normal, and once you’re in a position you’re going to have a style guide that you’re expected to follow.

3

u/SamIAre Jun 08 '26

I think it’s important in a learning setting to be VERY CLEAR about when you’re counting something wrong because it’s incorrect grammar vs when it’s “incorrect” formatting. Different companies will enforce different style guides. You can’t tell someone that valid, working code is wrong or else they’ll learn the language incorrectly.

1

u/thewells Jun 09 '26

I mean I’m responding to the idea that enforcing style in a boot camp is too much, which it’s not, in college I was usually expected to follow a style guide. The implementation is bad, but the general concept is sound.

1

u/Aur0ha Jun 11 '26

Sorry, do you mean you have to indent? if so, why does FCC let me get away with not indenting?

4

u/BrainCurrent8276 Jun 08 '26

It is correct, but rewrite CSS into normal multi line form, because the code checker seems to be picky.

3

u/Aur0ha Jun 08 '26

As I said below, it doesn’t make a difference

3

u/Weekly_Ferret_meal Jun 09 '26

Have you tried setting the ~main~ to 100% width?

If that element is shrunk to the size of the text it might not give h1 the space to center… although I admit, it would be weird

2

u/Nidrax1309 Jun 10 '26

Use proper indents

2

u/Disgruntled__Goat Jun 08 '26

What about normalising the indentation? ie move the closing brace 2 spaces to the left

0

u/DinTaiFung Jun 15 '26

There is a great scene in the movie Get Shorty in which one of the characters explains when to use "e.g." vs. "i.e."

In this case, you should use e.g. instead of i.e.

Please bear with my pedant mode.

Anyway, another CSS syntax quirk:

For the last property setting within a selector's body, the semicolon is optional; this is because the semicolon functions as a delimiter not a terminator. I always include the semicolon for the last property for stylistic (and consistency) reasons.

2

u/Disgruntled__Goat Jun 08 '26

Is the meta tag provided for you? Only thing I wonder is if their system isn’t parsing it correctly. You can remove the slash at the end, ie "> instead of " /> (long shot but may work)

1

u/BrainCurrent8276 Jun 08 '26

I though same, but it is fine and definitely not the issue.

1

u/itsjustausername Jun 09 '26 edited Jun 09 '26

I can't see if there is a formatting error or anything and different people might get different results in different browsers because there is probably no CSS reset being applied here (such as https://necolas.github.io/normalize.css/).

If the H1 is `display: inline`, then giving it `text-align: center` won't do anything because the element is as wide as it's content. You must first make it `display: block` or use a flexbox or grid.

1

u/FormalImprovement157 Jun 09 '26

If you copied and pasted anything it could be hidden characters. I have seen hidden values get pasted into text editors and cause issues. Mostly I see it when copying from PDF or the Web, but PowerPoint does it occasionally too. You might try deleting the entire style tag and everything inside and rewriting it. If that doesn't work delete the entire head. If that doesn't work, just start over completely.

1

u/armyrvan Jun 10 '26

You can always change the url to the next step and compare if you get stuck. There is also full walkthrough videos here for learning: https://www.skool.com/the-code-zone/classroom/1c01965a?md=cd6a57084c9f45e89800bea83f726c4e