update

src/components/Header.jsx

@@ -12,6 +12,7 @@ function Header() {
     { link: "/experience", title: ".experience()" },
     { link: "/contact", title: ".contact()" },
   ];
+  //ist'llet Contact -> CV, kontakt kan vara i footer p[ alla sidor]
 
   const menuUI = menu.map((item) => {
     let className = "drop-shadow-light hover:drop-shadow-doublelight";

src/components/Tags.jsx

@@ -6,7 +6,7 @@ function Tags({ listOfTags }) {
       </div>
     );
   });
-  return <div className="text-xs flex gap-4 mt-6 ">{tagList}</div>;
+  return <div className="text-xs flex gap-4 mt-6 flex-wrap">{tagList}</div>;
 }
 
 export default Tags;

src/pages/Experience.jsx

@@ -33,9 +33,7 @@ function Experiance() {
           <div className="text-sm">
             <p>{item.info}</p>
           </div>
-          <Tags listOfTags={item.tags} />
+          <div className=" text-right mt-4">
-          <div className="grow"></div>
-          <div className=" text-right">
             <Link
               className=" drop-shadow-doublelight hover:drop-shadow-light "
               to={`/experience/${item.id}`}
@@ -43,6 +41,9 @@ function Experiance() {
               read more
             </Link>
           </div>
+          <div className="">
+            <Tags listOfTags={item.tags} />
+          </div>
         </div>
       </section>
     );

src/pages/Home.jsx

@@ -27,9 +27,6 @@ function Home() {
         <Animator animation={batch(Fade(), Sticky(), MoveOut(0, 200))}>
           <span>Hello, my name is Mariia 😀</span>
         </Animator>
-        <span style={{ fontSize: "40px" }}>
-          <Animator animation={MoveIn(-1000, 0)}>Hello Guys 👋🏻</Animator>
-        </span>
       </ScrollPage>
 
       <ScrollPage>
@@ -55,9 +52,9 @@ function Home() {
         >
           <span style={{ fontSize: "40px" }}>
             <Animator animation={MoveIn(1000, 0)}>Nice to meet you 🙋🏻‍♀️</Animator>
-            - I'm Dante Chun -
+
-            <Animator animation={MoveOut(1000, 0)}>Good bye ✋🏻</Animator>
+            <Animator animation={MoveOut(1000, 0)}>----</Animator>
-            <Animator animation={MoveOut(-1000, 0)}>See you 💛</Animator>
+            <Animator animation={MoveOut(-1000, 0)}>----</Animator>
           </span>
         </div>
       </ScrollPage>

src/store.js

@@ -3,7 +3,7 @@ import { atom } from "recoil";
 const experianceList = [
   {
     id: "46bf76ae-8915-4e5d-ae92-4151be80e75a",
-    title: "Netzero web",
+    title: "Netzero",
     info: "Lorem ipsum dolor, sit amet consectetur adipisicing   elit. Beatae cumque laborum, placeat nobis fugit nemo ipsa voluptates error quo possimus ea velit quos voluptatum magnam id eius quam accusamus. Eum blanditiis aperiam minus inventore laboriosam, et vel ipsam perspiciatis a facilis cum, iure alias recusandae dolorem adipisci illum. Quo maxime nisi minus mollitia praesentium cumque, temporibus incidunt nulla culpa eligendi consequatur doloremque repudiandae aspernatur quas necessitatibus tenetur. Similique fuga rerum provident distinctio doloremque qui accusamus, sequi voluptate eveniet voluptatum autem odio placeat quasi temporibus quas nulla laborum sunt tenetur dolorum, incidunt error porro amet modi? Temporibus amet optio mollitia omnis?",
     img: [
       "/img/placeholder.png",
@@ -11,7 +11,7 @@ const experianceList = [
       "/img/placeholder.png",
       "/img/placeholder.png",
     ],
-    tags: ["react", "vite", "wordpress"],
+    tags: ["react", "typescript", "vite", "chakraUI", "tailwindcss"],
     link: "https://www.net0.se",
   },
   {