From a859b2824f946ff4673565e6c707ff57cba6e5d7 Mon Sep 17 00:00:00 2001
From: Jianqi Jin <arian.jianqi@gmail.com>
Date: Tue, 19 Sep 2023 15:01:22 -0500
Subject: [PATCH] feat: add projects
---
src/assets/stylesheets/project.scss | 8 ++++++--
src/components/Projects.js | 5 ++++-
2 files changed, 10 insertions(+), 3 deletions(-)
diff --git a/src/assets/stylesheets/project.scss b/src/assets/stylesheets/project.scss
index 7b275d8..a1d111e 100644
--- a/src/assets/stylesheets/project.scss
+++ b/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;
diff --git a/src/components/Projects.js b/src/components/Projects.js
index 5ee2bce..f6f9f99 100644
--- a/src/components/Projects.js
+++ b/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">