summaryrefslogtreecommitdiff
path: root/extension/react-app/src/TestPage.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'extension/react-app/src/TestPage.tsx')
-rw-r--r--extension/react-app/src/TestPage.tsx33
1 files changed, 33 insertions, 0 deletions
diff --git a/extension/react-app/src/TestPage.tsx b/extension/react-app/src/TestPage.tsx
new file mode 100644
index 00000000..d104980b
--- /dev/null
+++ b/extension/react-app/src/TestPage.tsx
@@ -0,0 +1,33 @@
+import React from "react";
+import styled from "styled-components";
+
+const SideBySideDiv = styled.div`
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ grid-template-rows: 1fr;
+ grid-template-areas: "left right";
+`;
+
+const LeftDiv = styled.div`
+ grid-area: left;
+`;
+
+const RightDiv = styled.div`
+ grid-area: right;
+`;
+
+function TestPage() {
+ return (
+ <div>
+ <h1>Continue</h1>
+ <SideBySideDiv>
+ <LeftDiv>
+ <h2>Left</h2>
+ </LeftDiv>
+ <RightDiv>
+ <h2>Right</h2>
+ </RightDiv>
+ </SideBySideDiv>
+ </div>
+ );
+}