I don't understand where I am doing wrong on step 4

HTML-CSS
1

Tell us what’s happening:
I don’t understand where I am doing wrong on step 4
(Building A Balance Sheet)
I tried many combinations but they didn’t worked :s

  **Your code so far**

/* file: index.html */
<!DOCTYPE html>
<html>
<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> AcmeWidgetCorp
        </span>
      <span> Balance Sheet
        </span>
      </span>
      </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/102.0.5005.115 Safari/537.36 OPR/88.0.4412.65

Challenge: Step 4

Link to the challenge:

2

While technically it probably does not make a difference and should pass, the tests don’t like it when you add extra spaces inside of tags. So get rid of the extra space between the span and AcmeWidgetCorp and the same for Balance Sheet. In general, I would not add extra spaces unless specifically instructed to.

1 Like
3

Thanks! I had to manually remove all the spaces between. It’s quite strange, because I never had any problem with spaces there.

4

Some of the tests are more sensitive to extra spaces than others.

5

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