Tworzenie responsywnych tabeli

Jak zrobić responsywną tabelę? Jaki sposób zastosować?

Tak wygląda kod CSS dla wersji standardowej:

table {
  border: 1px solid #000;
  border-collapse: collapse;
  color: #111;
  font-size: 15px;
  margin: 0 auto;
  width:50%;
}
td {
  border-bottom :1px solid #000;
  padding:1px;
}
th {
  background: #ff0000;
  border-bottom: 1px solid #444;
  color: #999;
  padding: 10px;
}

Jak ten sam kod powinien wyglądać dla wersji mobilnej strony? Proszę o jakąś pomoc.

https://css-tricks.com/responsive-data-tables/