Improve the table component

src/_Table.sass

@@ -2,40 +2,13 @@
 // Table
 // ––––––––––––––––––––––––––––––––––––––––––––––––––
 
-table
-	border-spacing: 0
-	width: 100%
-
-td,
-th
-	border-bottom: .1rem solid $color-quinary
-	padding: 1.2rem 1.5rem
-	text-align: left
-
-	&:first-child
-		padding-left: 0
-
-	&:last-child
-		padding-right: 0
-
-@media screen and (max-width: 40.0rem)
 table
 	border-spacing: 0
 	display: flex
 	width: 100%
 
 thead
-      border-right: solid .1rem $color-quinary
-
-      td,
-      th
-        padding-left: 0
-
-        &:first-child
-          padding-left: 0
-
-        &:last-child
-          padding-right: 1.2rem
+	border-right: .1rem solid $color-quinary
 
 tbody
 	display: flex
@@ -43,17 +16,37 @@ th
 	white-space: nowrap
 
 tr
-        border-right: solid .1rem $color-quinary
+	border-right: .1rem solid $color-quinary
 
 	&:last-child
-          border-right: none
+		border-right: 0
 
 td,
 th
 	display: block
+	padding: 1.2rem 1.5rem
+	text-align: left
 
-      &:first-child
-        padding-left: 1.2rem
+@media (min-width: 40.0rem)
 
-      &:last-child
-        padding-right: 1.2rem
+	table
+		display: table
+
+	thead
+		border-right: 0
+		overflow-x: visible
+		white-space: normal
+
+	tbody
+		display: table-row-group
+
+	tr
+		border-right: 0
+
+		&:last-child td
+			border-bottom: 0
+
+	td,
+	th
+		border-bottom: .1rem solid $color-quinary
+		display: table-cell