ch. 92: Building a Table Component - Part 2

Author: FrankGecko

starter/06-Components/03-table.html

@@ -35,6 +35,40 @@
 			font-family: "Inter", sans-serif;
 			color: #343a40;
 			line-height: 1;
+			display: flex;
+			justify-content: center;
+		}
+
+		table {
+			width: 800px;
+			margin-top: 100px;
+			/* border: 1px solid #343a40; */
+			border-collapse: collapse;
+			font-size: 18px;
+		}
+
+		th,
+		td {
+			/* border: 1px solid #343a40; */
+			padding: 16px 24px;
+			text-align: left;
+		}
+
+		thead tr {
+			background-color: #087f5b;
+			color: #fff;
+		}
+
+		thead th {
+			width: 25%;
+		}
+
+		tbody tr:nth-child(odd) {
+			background-color: #f8f9fa;
+		}
+
+		tbody tr:nth-child(even) {
+			background-color: #e9ecef;
 		}
 	</style>
 </head>