Please Help "Time to style your table. Start by resetting the box model selector"

HTML-CSS
1

Tell us what’s happening:

I am so stuck on what seems it should be simple. Maybe I’ve been at this too long tonight. I don’t know. More info on what it wants would help. Any input is much appreciated!!

I did what I thought that was. (see code)

I’m just not sure what it wants.
I added the table selector. It doesn’t like that either.

Hint: You should have an html selector.

Your code so far

Step 28

"Time to style your table. Start by resetting the box model. Create an html selector and give it a box-sizing property set to border-box. "

* {
  box-sizing: border-box;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:102.0) Gecko/20100101 Firefox/102.0

Challenge: Step 28

Link to the challenge:

2

Hi

You’ve used the universal ( “select all elements”) selector (*).

But this challenge is asking you for a html selector.

This FCC article might be a useful refresher on how to use CSS selectors:

3

Can you explain the difference between selecting for “html” and selecting for " * " ?
Don’t they both select for everything?
Thanks

html {
box-sizing: border-box;
}

4

That’s a really interesting question.
I didn’t know the answer, so I turned to Google.

This StackOverflow thread has a little demo of the actual difference in the elements that are selected.

As far as I can see, the key difference seems to be:

  • The html selector only selects the html element. All other elements will be inside that html element, so CSS inheritance rules apply.
  • The universal selector applies the rule to every element - which can break CSS inheritance.

And this CSS tricks article talks specifically about setting the border-box property.

1 Like
5

can u make your question clearer? thank you

6

clear definition. thank you

7

Hi @kaee

If you have a question about this challenge, it would be better to start a new thread for your question.

You can do that by clicking the Ask for Help button located on the challenge.
That will create a new topic with all your code and it also includes a (helpful) link to the challenge.
You’ll still be able to ask your question in the post before submitting it to the forum.

8

html{
box-sizing:border-box;
}

i tried all methods but tthis was the one that worked.

9

Not working for me. sometimes it gets very frustrating

10

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