Learn More About CSS Pseudo Selectors By Building A Balance Sheet - Step 4

**Tell us what’s happening: I can’t tell what is wrong with the following code?

AcmeWidgetCorp.
Balance Sheet

Describe your issue in detail here.

It keeps saying that the first new span element should have the text AcmeWidgetCorp.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Balance Sheet</title>
    <link rel="stylesheet" href="./styles.css">
  </head>
  <body>
    <main>
      <section>
        <h1>

<!-- User Editable Region -->

       <span class="flex">
         <span>AcmeWidgetCorp.</span>
          <span>Balance Sheet</span>
          </span>
       

<!-- User Editable Region -->

        </h1>
      </section>
    </main>
  </body>
</html>
/* file: styles.css */

Your browser information:

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

Challenge: Learn More About CSS Pseudo Selectors By Building A Balance Sheet - Step 4

Link to the challenge:

There should be no period at the end of this string. The tests can be extremely picky about such things. Try to only use the exact text asked for in the instructions and no more or you will most likely cause the tests to fail.

Although I will admit that it can be tough to tell that the period isn’t included in the gray background in the instructions, so I can’t blame you 100% :slight_smile:

that was it!
Thank you so much.

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