Applied Visual Design bug?

In the Adjust the Size of a Header Versus a Paragraph Tag challenge I can’t pass the tests. This is my markup:

 h4 {
    font-size: 27px;
    text-align: center;
    background-color: rgba(45, 45, 45, 0.1);
    padding: 10px;
  }

I also tried to add the rule in an inline fashion:

<h4 style="font-size: 27px;">Alphabet</h4>

But still doesn’t work. The challenge seems clear:

Your code should add a font-size property to the h4 element set to 27 pixels.

In the future, If you have a question about a specific challenge as it relates to your written code for that challenge, just click the Ask for Help button located on the challenge. It will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.


Your code passes the tests for me. What browser are you using?
Possibly clearing cache can help.

Oh, that’s a quite handy tip! Thanks :wink:
Actually the page renders properly on the right when I change the size, but the tests don’t pass. (I reset the code a couple of times to no avail)
I’m using Firefox Developer Edition.

When the test doesn’t pass what does the message say?

Are you using the latest version of the browser?

Try running with Chrome.

// running tests
Your code should add a font-size property to the h4 element set to 27 pixels.
// tests completed

I just switched to another computer (macOS) and passed without issue.
For the record, it was failing on FireFox, Developer Edition (Ubuntu)

2 Likes

It’s possible that one of the experimental features in Developer Edition might have interfered with the tests.

1 Like

It could be. I have to admit it, I took the easy way out on this one and just switch machine whenever I encounter some issue :upside_down_face:

Always a good debugging technique :wink: .

1 Like

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