Building a Balance Sheet Step 17 - HTML-CSS

HTML-CSS
1

The question is:
"# Step 17

Time to move on to your second table. Start by giving it a caption element set to Liabilities. Then add your thead and tbody."

This is my code:

<!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>AcmeWidgetCorp</span>
            <span>Balance Sheet</span>
          </span>
        </h1>
        <div id="years" aria-hidden="true">
          <span class="year">2019</span>
          <span class="year">2020</span>
          <span class="year">2021</span>
        </div>
        <div class="table-wrap">
          <table>
            <caption>Assets</caption>
            <thead>
              <tr>
                <td></td>
                <th><span class="sr-only year">2019</span></th>
                <th><span class="sr-only year">2020</span></th>
                <th class="current"><span class="sr-only year">2021</span></th>
              </tr>
            </thead>
            <tbody>
              <tr class="data">
                <th>Cash <span class="description">This is the cash we currently have on hand.</span></th>
                <td>$25</td>
                <td>$30</td>
                <td class="current">$28</td>
              </tr>
              <tr class="data">
                <th>Checking <span class="description">Our primary transactional account.</span></th>
                <td>$54</td>
                <td>$56</td>
                <td class="current">$53</td>
              </tr>
              <tr class="data">
                <th>Savings <span class="description">Funds set aside for emergencies.</span></th>
                <td>$500</td>
                <td>$650</td>
                <td class="current">$728</td>
              </tr>
              <tr class="total">
                <th>Total <span class="sr-only">Assets</span></th>
                <td>$579</td>
                <td>$736</td>
                <td class="current">$809</td>
              </tr>
            </tbody>
          </table>
          <table>
            <caption>Liabilities</caption>
            <thead>
            </thead>
            <tboby>
            </tbody>
          </table>
          <table>
          </table>
        </div>
      </section>
    </main>
  </body>
</html>

When I confirm the answer to the question, it says that the element is missing in the second

tag.

As I did in the code above:

<table>
            <caption>Liabilities</caption>
            <thead>
            </thead>
            <tboby>
            </tbody>
 </table>

this appears:
"Sorry, your code does not pass. Keep trying.

Your second table element should have a tbody element."

I can’t identify the error. Could someone explain it to me?
Thanks.

I apologize if I formatted my post incorrectly, I’m still getting familiar with it. And my English too, it’s not good.

2

Try removing the third table after the second

3

Continues the same thing. even because the step by step itself asks for the third table tag to be created in previous steps. =/

"Sorry, your code does not pass. Hang in there.

Your second table element should have a tbody element."

Do you have any other ideas? I’m stuck on this issue.
Thanks

4

There is a spelling error in the opening tag, tboby

1 Like
5

What was that? Was it a space? I deleted it and wrote it again and it worked. I couldn’t see the error. Thank you very much. I’ll be more attentive!

-----Now I saw it, I wrote boby no and no body.

2 Likes
6

No, it wasn’t the space; it’s ‘tbody,’ not ‘tboby’. It should be with a ‘d’.

tboBy → tboDy

1 Like