Hey community I am stuck, IDK what am doing wrong I do everything that they said in the description but when i submit the code it keeps telling me to add the “sr-only year” to the every th, event though is telling me to add a different class to the third th. i have try adding 2 class to the last one and nothing happen i try just with the first 3 th adding the “sr-only year” but is not working eather i try rewriting the code multiple times but it dont work can someone just guide me in the right path and tell me what im doing wrong. please and thank you.
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>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>
<!-- User Editable Region -->
<thead>
<tr>
<td></td>
<th><span class="sr-only year">2019</span></th>
<th><span class="sr-only year">2020</span></th>
<th><span class="current">2021</span></th>
</tr>
</thead>
<!-- User Editable Region -->
<tbody>
</tbody>
</table>
<table>
</table>
<table>
</table>
</div>
</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/120.0.0.0 Safari/537.36
Challenge Information:
Learn More About CSS Pseudo Selectors By Building A Balance Sheet - Step 11