A calendar for March has been created in index.html.
Every 7th day is Sunday.
It should be marked with a red background in the calendar.
Use the correct pseudo-class for the class .day

This task is part of the Full-Stack JavaScript Course
If you have any issues with it, you can ask for community help below the post
Feel free to help others if you’ve already solved the task

index.html

<!DOCTYPE html>
<html>
  <head>
    <title>March</title>
    <style>
      h2 {
        font-family: monospace;
        margin-bottom: 10px;
      }
      .day {
        color: white;
        padding: 5px 10px;
        font-family: monospace;
        font-size: 16px;
        border-radius: 4px;
        background-color: rgb(255, 198, 0);
      }
    </style>
  </head>
  <body>
    <h2>March</h2>
    <div>
      <span class="day">1</span>
      <span class="day">2</span>
      <span class="day">3</span>
      <span class="day">4</span>
      <span class="day">5</span>
      <span class="day">6</span>
      <span class="day">7</span>
      <span class="day">8</span>
      <span class="day">9</span>
      <span class="day">10</span>
      <span class="day">11</span>
      <span class="day">12</span>
      <span class="day">13</span>
      <span class="day">14</span>
      <span class="day">15</span>
      <span class="day">16</span>
      <span class="day">17</span>
      <span class="day">18</span>
      <span class="day">19</span>
      <span class="day">20</span>
      <span class="day">21</span>
      <span class="day">22</span>
      <span class="day">23</span>
      <span class="day">24</span>
      <span class="day">25</span>
      <span class="day">26</span>
      <span class="day">27</span>
      <span class="day">28</span>
      <span class="day">29</span>
      <span class="day">30</span>
      <span class="day">31</span>
    </div>
  </body>
</html>