Add cart view

src/app/header/header.component.css

@@ -1,6 +1,7 @@
 .header {
     display: grid;
-    grid-template-columns: 1fr auto;
+    grid-template-columns: auto 1fr auto 1fr auto;
+    grid-template-rows: 1fr;
     margin: 0;
     padding: 0;
     background-color: #fff;
@@ -12,23 +13,43 @@
     border-bottom-right-radius: 0;
 }
 
-.header img {
-    height: 3rem;
+.header .logo {
     margin-top: 0.5rem;
     margin-bottom: 1rem;
-    grid-column: 1;
+    grid-column: 3;
 }
 
-.header a {
+.header .logo img {
+    height: 3rem;
+}
+
+/* Cancel button */
+.cancel {
     color: red;
     border: 1px solid red;
     border-block-end-width: 1px;
     border-radius: 5px;
     padding: 0.8rem;
-    margin: auto 0;
-    height: fit-content;
-    float: right;
+    margin: auto;
     cursor: pointer;
-    grid-column: 2;
+    width: fit-content !important;
+    grid-column: 5;
     transition: .2s ease;
+}
+
+#cart {
+    display: flex;
+    grid-column: 1;
+    vertical-align: middle;
+    margin: auto auto;
+    padding-left: 1rem;
+    cursor: pointer;
+    border-radius: 8px;
+    border: 1px solid #000;
+    padding: 0.8rem;
+}
+#cart span {
+    margin: auto auto;
+    padding-left: .5rem;
+    font-weight: bold;
 }