editor scrollbars

src/components/containers/CellGrid/index.tsx

@@ -0,0 +1,25 @@
+import React, { FC, HTMLAttributes, ReactChild, ReactChildren } from 'react';
+import * as styles from './styles.scss';
+import classNames = require("classnames");
+
+type IProps = HTMLAttributes<HTMLDivElement> & {
+  children: any;
+  size: number;
+}
+
+const CellGrid: FC<IProps> = ({
+  children,
+  size,
+  className,
+  ...props
+}) => (
+    <div
+      className={classNames(styles.grid, className)}
+      style={{ gridTemplateColumns: `repeat(auto-fit, minmax(${size}px, 1fr))` }}
+      {...props}
+    >
+      {children}
+    </div>
+);
+
+export { CellGrid };

src/components/containers/CellGrid/styles.scss

@@ -0,0 +1,6 @@
+.grid {
+  display: grid;
+  grid-auto-rows: 1fr;
+  grid-column-gap: $gap;
+  grid-row-gap: $gap;
+}