diff --git a/src/components/flow/TestGrid/index.tsx b/src/components/flow/TestGrid/index.tsx index 88327225..6696f5b8 100644 --- a/src/components/flow/TestGrid/index.tsx +++ b/src/components/flow/TestGrid/index.tsx @@ -2,21 +2,33 @@ import * as React from 'react'; import { Cell } from "~/components/flow/Cell"; import { range } from 'ramda'; -const style = require('./style.scss'); +import * as styles from './styles.scss'; export const TestGrid = () => ( -
- +
+
+ HERO +
+ +
+ STAMP +
+ { range(1,20).map(el => ( )) diff --git a/src/components/flow/TestGrid/style.scss b/src/components/flow/TestGrid/styles.scss similarity index 57% rename from src/components/flow/TestGrid/style.scss rename to src/components/flow/TestGrid/styles.scss index 99ecf6e3..34e9b8c7 100644 --- a/src/components/flow/TestGrid/style.scss +++ b/src/components/flow/TestGrid/styles.scss @@ -7,10 +7,12 @@ $cols: $content_width / $cell; } .grid_test { - width: $content_width; + //width: $content_width; display: grid; - grid-template-columns: repeat($cols, 1fr); - grid-template-rows: $cell * 1.2 - 4; + //grid-template-columns: minmax($cell, 1fr); + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + //grid-template-columns: repeat($cols, 1fr); + //grid-template-rows: $cell * 1.2 - 4; grid-auto-rows: 256px; grid-auto-flow: row dense; diff --git a/src/containers/main/MainLayout/styles.scss b/src/containers/main/MainLayout/styles.scss index 098e85a4..32665dba 100644 --- a/src/containers/main/MainLayout/styles.scss +++ b/src/containers/main/MainLayout/styles.scss @@ -11,5 +11,4 @@ .content { flex: 0 1 $content_width; position: relative; - background: red; }