feat: json rich text editor, blocks, asides, general structure

components/Current/Section/index.tsx

@@ -0,0 +1,11 @@
+import styles from "./section.module.css"
+
+export default function Section({ children }: React.PropsWithChildren) {
+  return (
+    <div className={styles.wrapper}>
+      <section className={styles.section}>
+        {children}
+      </section>
+    </div>
+  )
+}

components/Current/Section/section.module.css

@@ -0,0 +1,25 @@
+.wrapper {
+  background-color: #fff;
+}
+
+.section {
+  box-sizing: content-box;
+  display: grid;
+  gap: 70px;
+  grid-template-columns: 2fr 1fr;
+  margin: 0 auto;
+  max-width: 1200px;
+  padding: 20px 10px 5px;
+}
+
+@media screen and (min-width: 740px) {
+  .section {
+    padding: 30px 30px 15px;
+  }
+}
+
+@media screen and (min-width: 1200px) {
+  .section {
+    padding: 50px 30px 35px;
+  }
+}