update hello widget

Author: Ivan Strilets

src/views/main/index.tsx

@@ -45,6 +45,7 @@ export const MainPage = () => {
         onChange={(value) => handleTabChange(value)}
       />
       <main className={styles.main}>{components[currentTabValue].render}</main>
+      <div className={styles.dock}></div>
     </div>
   );
 };

src/views/main/styles.module.css

@@ -5,8 +5,9 @@
 }
 
 .main {
-  display: flex;
-  align-items: center;
-  gap: 20px;
   height: 100%;
+  overflow: auto;
+}
+
+.dock {
 }

src/widgets/hello/ui/index.tsx

@@ -8,13 +8,15 @@ import { ParagraphConstructor } from "@/shared/paragraphConstructor";
 export const Hello = () => {
   return (
     <section className={styles.hello}>
-      <div className={styles.title}>
-        <HelloTitle text="Иван Стрилец" />
-        <HelloSubtitle text="//Делаю работу" />
-        <HelloSubtitle text="Качественно" isAccented />
-      </div>
-      <div className={styles.text}>
-        <ParagraphConstructor rows={aboutTextStub} />
+      <div className={styles.content}>
+        <div className={styles.title}>
+          <HelloTitle text="Иван Стрилец" />
+          <HelloSubtitle text="//Делаю работу" />
+          <HelloSubtitle text="Качественно" isAccented />
+        </div>
+        <div className={styles.text}>
+          <ParagraphConstructor rows={aboutTextStub} />
+        </div>
       </div>
     </section>
   );

src/widgets/hello/ui/styles.module.css

@@ -1,11 +1,18 @@
 .hello {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 20px;
+  min-height: 100%;
+}
+
+.content {
   display: flex;
   flex-direction: column;
   justify-content: center;
+  min-height: 100%;
   gap: 48px;
-  height: 100%;
   padding: 16px;
-  margin: 0 auto;
 
   @media screen and (min-width: 1200px) {
     display: grid;