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

Tell us what’s happening:
Describe your issue in detail here.
Although i have followed what i was instructed(i.e. add two new span elements within the old one) it is still showing wrong.

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>
          <span class="flex"><span>
          <span class="flex"><span>

<!-- 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/92.0.4515.131 Safari/537.36 Edg/92.0.902.67

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

Link to the challenge:

Your code passes for me.
Have you disabled all browser extensions? Sometimes they can interfere with the tests.
You could also try resetting the lesson and entering the code again and/or reloading the page CTRL+F5.

Hi,

I tried your code in Firefox and Chrome and both passed fine for me. I agree that it could be a browser add-on that’s causing the problem. Did resetting the lesson help?

hey guys, It did work once I re-set the lesson :smile: thank you!

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