Update

src/App.css

@@ -0,0 +1,3 @@
+#root {
+    @apply m-0 p-0;
+}

src/App.tsx

@@ -1,13 +1,11 @@
 import './App.css'
 import TopComponent from "./components/TopComponent";
-import ShortDescription from "./components/ShortDescription";
 import MonParcours from './components/MonParcours';
 
 function App() {
     return (
         <>
             <TopComponent></TopComponent>
-            <ShortDescription></ShortDescription>
             <MonParcours/>
         </>
     )

src/components/TopComponent.scss

@@ -1,3 +1,3 @@
 #top {
-    @apply bg-red-500 text-center;
+    @apply min-h-screen w-full;
 }

src/components/TopComponent.tsx

@@ -1,3 +1,4 @@
+import ShortDescription from './ShortDescription'
 import './TopComponent.scss'
 
 function TopComponent() {
@@ -5,6 +6,7 @@ function TopComponent() {
         <div id="top">
             <h1>Florian RICHER</h1>
             <h4>Développeur d´application Web et Mobile</h4>
+            <ShortDescription></ShortDescription>
             {/*Reseau sociaux*/}
         </div>
     )