Project Cards UI Fixed for Tablet

Author: mitul-garg

src/components/Projects/styles.css

@@ -102,15 +102,15 @@
   color: #222222;
 }
 
-@media (max-width: 900px) {
+@media (max-width: 1200px) {
   .project {
     flex-direction: column;
     width: 90%;
   }
 
   .project-img {
     width: 100%;
-    max-width: 400px;
+    max-width: max-content;
   }
 
   .project-info p {

src/data/experience.js

@@ -28,7 +28,7 @@ export const jobs = [
   },
   {
     id: uuidv4(),
-    title: "Subject Matter Expert (CSE)",
+    title: "Subject Matter Expert",
     company: "wikasta",
     dates: "may 2022 - june 2022",
     skills: ["DSA", "Core CS", "Machine Learning"],
@@ -40,7 +40,7 @@ export const jobs = [
   },
   {
     id: uuidv4(),
-    title: "Software Developer & Sponsorship Coordinator",
+    title: "Software Developer",
     company: "kalaamanch",
     dates: "march 2020 - september 2020",
     skills: ["HTML", "CSS", "Javascript"],

src/data/skills.js

@@ -22,6 +22,7 @@ import {
   SiPostgresql,
 } from "react-icons/si";
 import { AiOutlineConsoleSql } from "react-icons/ai";
+import { RiNextjsFill, RiTailwindCssFill } from "react-icons/ri";
 import { v4 as uuidv4 } from "uuid";
 
 export const category = [
@@ -85,6 +86,16 @@ export const category = [
         name: "javascript",
         icon: <DiJavascript1 />,
       },
+      {
+        id: uuidv4(),
+        name: "next js",
+        icon: <RiNextjsFill />,
+      },
+      {
+        id: uuidv4(),
+        name: "tailwind css",
+        icon: <RiTailwindCssFill />,
+      },
     ],
   },
   {