diff options
Diffstat (limited to 'extension/react-app/src/TestPage.tsx')
-rw-r--r-- | extension/react-app/src/TestPage.tsx | 33 |
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> + ); +} |