Added appropriate html for custormer table; also changed the background color of the table header to lightblue

SpaceTimmi · SpaceTimmi · commit 230357c6c1d9 · 2022-08-12T15:05:14.000+01:00
diff --git a/index.html b/index.html
@@ -9,6 +9,22 @@
   <div>
       <h1>My Customers</h1>
       <script type="text/javascript" src="dist/bundle.js"></script>
+      <table id="company-table">
+        <tr id="table-block">
+          <th>Company Name</th>
+          <th>Status</th>
+          <th>Created At</th>
+          <th>Revenue YTD</th>
+          <th>Account Executive</th>
+        </tr>
+        <tr>
+          <td class="company-name"></td>
+          <td class="comapany-status"></td>
+          <td class="created-at"></td>
+          <td class="revenue"></td>
+          <td class="account-executive"></td>
+        </tr>
+      </table>
   </div>
 </body>
-</html>
+</html>
diff --git a/styles.css b/styles.css
@@ -16,7 +16,7 @@ table {
     By default, when you set borders on table elements, they will look pretty ugly.
      */
     border-collapse: collapse;
-    border: 3px solid purple;
+    border: 3px solid lightblue;
 }
 
 thead th:nth-child(1) {
@@ -42,4 +42,8 @@ th, td {
 /* nth-child is a pretty neat thing to use and is widely applicable in real-life projects. Reader is highly encouraged to do more reading on this. */
 tr:nth-child(1) {
     font-weight: bold;
-}
+}
+
+#table-block{
+    background-color:  lightblue;
+}
