updated projects

src/assets/stylesheets/about.scss

@@ -136,6 +136,21 @@
   }
 }
 
+@media screen and (max-width: 650px) {
+  .about__content__main__container {
+    width: 90vw;
+  }
+
+  .about__content__blocks_block {
+    width: 90vw;
+  }
+  
+  .about__content__main__container span,
+  .about__content__blocks_block span {
+    font-size: 18px;
+  }
+}
+
 @keyframes fade {
   0% {
     opacity: 0;

src/assets/stylesheets/navbar.scss

@@ -192,6 +192,7 @@ li a:hover {
   .hamburger-react {
     color: #fff;
     display: block;
+    margin-right: 10px;
   }
   .navbar__hamburger {
     display: flex;

src/assets/stylesheets/project.scss

@@ -27,6 +27,7 @@
 .projects_wrap {
   flex-wrap: wrap;
   padding: 24px;
+  margin-left: 20px;
   display: flex;
   flex-direction: row;
   justify-content: start;
@@ -35,6 +36,7 @@
   margin: 20px 0 0 20px;
   font-family: itrFontMedium;
   color: #fff;
+  text-align: center;
 }
 .project__content {
   position: relative;
@@ -52,11 +54,11 @@
 }
 
 .project__content__main__container {
-  padding: 10px 10px 20px 10px;
+  padding: 20px;
   border-radius: 10px;
   background-color: rgb(66, 66, 66);
   box-sizing: border-box;
-  height: 400px;
+  height: auto;
   display: flex;
   flex-direction: column;
   transition: 0.3s;
@@ -68,6 +70,16 @@
   flex-grow: 1;
   overflow: scroll;
 }
+
+.project_item_content_image {
+  border-radius: 10px;
+  transition: .1s;
+}
+
+.project_item_content_image:hover {
+  border-radius: 0px;
+}
+
 .project__content__main__container h1,
 .project__content__blocks_block h1 {
   color: white;
@@ -82,7 +94,7 @@
 .project__content__blocks_block span {
   color: rgb(238, 238, 238);
   opacity: 100%;
-  font-size: 16px;
+  font-size: 18px;
   font-family: itrFontMedium;
   padding: 10px;
   line-height: 20px;