Подготовили структуру для корзины

src/components/list/cart/index.jsx

@@ -0,0 +1,14 @@
+import CartItem from '../../card/cart'
+import styles from './index.module.scss'
+
+const CartList = () => {
+	return (
+		<ul>
+			<li>
+				<CartItem />
+			</li>
+		</ul>
+	)
+}
+
+export default CartList

src/components/list/cart/index.module.scss

@@ -0,0 +1,34 @@
+.table {
+	width: 100%;
+	border: none;
+	margin-bottom: 20px;
+}
+.table thead th {
+	font-weight: bold;
+	text-align: left;
+	border: none;
+	padding: 10px 15px;
+	background: #d8d8d8;
+	font-size: 14px;
+	border-left: 1px solid #ddd;
+	border-right: 1px solid #ddd;
+}
+.table tbody td {
+	text-align: left;
+	border-left: 1px solid #ddd;
+	border-right: 1px solid #ddd;
+	padding: 10px 15px;
+	font-size: 14px;
+	vertical-align: top;
+}
+.table thead tr th:first-child,
+.table tbody tr td:first-child {
+	border-left: none;
+}
+.table thead tr th:last-child,
+.table tbody tr td:last-child {
+	border-right: none;
+}
+.table tbody tr:nth-child(even) {
+	background: #f3f3f3;
+}