Merge pull request #51 from igorkamyshev/langind-style

feat(landing): add layout for landing

front/src/features/landing/Landing.css

@@ -0,0 +1,25 @@
+.container {
+  display: grid;
+
+  grid-template: 'sign-in sign-out';
+
+  align-items: center;
+  justify-content: space-eventaly;
+  justify-items: center;
+  width: 100vw;
+  height: 100vh;
+
+  & > * {
+    min-width: 350px;
+
+    @media (max-width: 768px) {
+      width: 100%;
+    }
+  }
+
+  @media (max-width: 768px) {
+    grid-template:
+      'sign-in'
+      'sign-out';
+  }
+}

front/src/features/landing/Landing.tsx

@@ -1,14 +1,15 @@
 import { useRoutePrefetching } from '../routing'
 import { SignIn } from './features/sign-in'
 import { SignUp } from './features/sign-up'
+import * as styles from './Landing.css'
 
 export const Landing = () => {
   useRoutePrefetching(['/hello', '/app'])
 
   return (
-    <>
+    <section className={styles.container}>
       <SignIn />
       <SignUp />
-    </>
+    </section>
   )
 }