Table with Hidden Headers

My Hobbies
Name Description Additional Resources
Playing Soccer Soccer is a team sport played between two teams of eleven players with a spherical ball. Wikipedia
Dancing Dance is a performing art form consisting of purposefully selected sequences of human movement. Wikipedia
Gardening Gardening is the practice of growing and cultivating plants as part of horticulture. Wikipedia

Code

<table>
  <caption>My Hobbies</caption>
  <thead>
    <tr>
      <th>
        Name
      </th>
      <th class="hidden-narrow">
        Description
      </th>
      <th>
        Additional Resources
      </th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>
        Playing Soccer
      </th>
      <td class="hidden-narrow">
        Soccer is a team sport played between two teams of eleven players with a spherical ball.
      </td>
      <td>
        <a href="https://en.wikipedia.org/wiki/Association_football">Wikipedia</a>
      </td>
    </tr>
    <tr>
      <th>
        Dancing
      </th>
      <td class="hidden-narrow">
        Dance is a performing art form consisting of purposefully selected sequences of human movement.
      </td>
      <td>
        <a href="https://en.wikipedia.org/wiki/Dance">Wikipedia</a>
      </td>
    </tr>
    <tr>
      <th>
        Gardening
      </th>
      <td class="hidden-narrow">
        Gardening is the practice of growing and cultivating plants as part of horticulture.
      </td>
      <td>
        <a href="https://en.wikipedia.org/wiki/Gardening">Wikipedia</a>
      </td>
    </tr>
  </tbody>
</table>
table {
  border-collapse: collapse;
}

thead {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

tbody th {
  background-color: lightgreen;
}

th, td {
  border: 1px solid;
}
NIL