complete tv page and home

src/pages/home/styles.module.scss

@@ -1,36 +1,20 @@
-@use '../../shared/assets/styles/adaptive' as adaptive;
-
-$adaptive: (
-    desktop: (
-        flex-direction: row,
-        size: 250px,
-        container-width: 768px
-    ),
-    table: (
-        flex-direction: row,
-        size: 250px,
-        container-width: 425px
-    ),
-    mobile: (
-        flex-direction: column,
-        size: auto,
-        container-width: auto
-    ),
-);
+@use '@shared/assets/styles/fonts' as fonts;
 
 .home {
     display: flex;
+    flex-direction: column;
     justify-content: center;
     width: 100%;
-    @include adaptive.set-adaptive($adaptive, flex-direction, flex-direction);
+    gap: 36px;
 
-    .laptop {
-        @include adaptive.set-adaptive($adaptive, width, size);
-        @include adaptive.set-adaptive($adaptive, height, size);
+    .title {
+        margin: 0 auto;
+        @include fonts.urbanist-font(40px, 600);
     }
 
     .container {
-        padding: 15px;
-        @include adaptive.set-adaptive($adaptive, width, container-width);
+        display: flex;
+        margin: 0 auto;
+        gap: 24px;
     }
 }