💄 Working register styles

frontend/src/features/register/Register.module.css

@@ -1,17 +1,22 @@
 .userList {
     display: grid;
     grid-template-columns: repeat(12, 1fr);
-    gap: 16px;
-
+    row-gap: 16px;
 }
+
 .productList {
     display: grid;
-    grid-template-columns: repeat(12, 1fr);
-    gap: 16px;
+    grid-template-columns: repeat(8, 150px);
+    row-gap: 16px;
 }
+.productListSection {
+    margin-top: 2rem;
+}
+
 .checkout {
     margin-top: 32px;
 }
+
 .total {
     display: inline-block;
     margin-right: 8px;

frontend/src/features/register/Register.tsx

@@ -78,7 +78,7 @@ export const Register: React.FC = () => {
           {showAll ? "Skjul gamliser" : "Vis alle"}
         </button>
       </section>
-      <section>
+      <section className={styles.productListSection}>
         <h2>Kjøper hva?</h2>
         <div className={styles.productList}>
           {products.map((product: Product) => (