Checkout refactoring (#1264)

* Added chapters * Add API guide * Using two column layout * Fix formatting * Move lines to api * Nudge * Fix formatting * Fix formatting * Remove note * Remove note * Add title case * Add free basket * Add link * Update docs/developer/checkout/troubleshooting.mdx Co-authored-by: Adrian Pilarczyk <[email protected]> --------- Co-authored-by: Adrian Pilarczyk <[email protected]>
saleor · Aug 7, 2024 · 80a4380 · 80a4380
1 parent 52732df
commit 80a4380
Show file tree

Hide file tree

Showing 9 changed files with 537 additions and 673 deletions.
diff --git a/components/Layout/Layout.module.css b/components/Layout/Layout.module.css
@@ -0,0 +1,19 @@
+.twoColumn {
+  display: grid;
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+  padding-bottom: var(--spacer-5);
+}
+@media (min-width: 1440px) {
+  .twoColumn {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+    gap: 2rem;
+  }
+
+  .twoColumn *:first-child {
+    grid-column: span 5;
+  }
+
+  .twoColumn *:nth-child(2) {
+    grid-column: span 7;
+  }
+}
diff --git a/components/Layout/index.jsx b/components/Layout/index.jsx
@@ -0,0 +1,8 @@
+import React from "react";
+import styles from "./Layout.module.css";
+
+const TwoColumn = ({ children }) => {
+  return <div className={styles.twoColumn}>{children}</div>;
+};
+
+export default TwoColumn;