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

Tell us what’s happening:
Below your existing div element, add a new div element with a class set to table-wrap. This will be the container for your tables.

Within that, add three table elements. You will be using CSS to style these into a single table, but using separate tables will help screen readers understand the document flow.
It told me to do this,I dont know where i am making mistake.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
    <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">
          <span class="flex">
            <span>Balance Sheet</span>
        <div id="years" aria-hidden="true">
          <span class="year">2019</span>
          <span class="year">2020</span>
          <span class="year">2021</span>

<!-- User Editable Region -->

<div class="table-wrap">
  <span class="table"></span>
  <span class="table"></span>
  <span class="table"></span>

<!-- User Editable Region -->

/* 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/ Safari/537.36

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

Link to the challenge:

You are adding three spans to the div, but thats not what the directions tell you. You need to add table elements. You just need to replace span with table, but you will also need to remove the class you gave. The instructions do not say to add a class to the three elements. I would recommend resetting the lesson if that makes things easier, and just add table elements without classes

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