feat: add projects

src/assets/stylesheets/project.scss

@@ -83,10 +83,14 @@
   color: rgb(238, 238, 238);
   opacity: 100%;
   font-size: 16px;
-  font-family: "itrFontMedium";
+  font-family: itrFontMedium;
   padding: 10px;
   line-height: 20px;
   border-radius: 10px;
+  display: block;
+  overflow: hidden;
+  width: 100%;
+  box-sizing: border-box;
 }
 
 .project__content__blocks_block span {
@@ -125,7 +129,7 @@
   color: rgb(136, 136, 136);
   opacity: 100%;
   font-size: 20px;
-  font-family: "itrFontMedium";
+  font-family: itrFontMedium;
   padding: 10px;
   line-height: 32px;
   border-radius: 10px;

src/components/Projects.js

@@ -16,7 +16,10 @@ const Project = () => {
     if (bodySize.width > 850) {
       return 3;
     }
-    return 2;
+    if (bodySize.width > 650) {
+      return 2;
+    }
+    return 1;
   }, [bodySize]);
   return (
     <div className="project">