Add files via upload

src/layouts/ContentLayout/ContentLayout.module.css

@@ -0,0 +1,21 @@
+.contentWrapper {
+  max-width: var(--full-hd-width-screen);
+  width: 100%;
+  margin: 0 auto;
+  padding: 0rem 4rem;
+}
+
+@media (max-width: 850px) {
+  .contentWrapper {
+    max-width: var(--full-hd-width-screen);
+    width: 100%;
+    margin: 0 auto;
+    padding: 0rem 2rem;
+  }
+}
+
+@media (max-width: 600px) {
+  .contentWrapper {
+    padding: 5px;
+  }
+}

src/layouts/ContentLayout/ContentLayout.tsx

@@ -0,0 +1,15 @@
+import { FC, ReactNode } from 'react';
+
+import style from './ContentLayout.module.css';
+
+type ContentLayoutProps = {
+  children: ReactNode;
+};
+
+const ContentLayout: FC<ContentLayoutProps> = ({ children }) => (
+  <main className={style.contentWrapper}>
+    {children}
+  </main>
+);
+
+export default ContentLayout;

src/layouts/ContentLayout/index.ts

@@ -0,0 +1 @@
+export { default } from './ContentLayout';

src/layouts/RootLayout/RootLayout.tsx

@@ -0,0 +1,13 @@
+import { FC, ReactNode } from 'react';
+
+type MainLayout = {
+  children: ReactNode;
+};
+
+const RootLayout: FC<MainLayout> = ({ children }) => (
+  <>
+    {children}
+  </>
+);
+
+export default RootLayout;

src/layouts/RootLayout/index.ts

@@ -0,0 +1 @@
+export { default } from './RootLayout';