scarlett/ITR-Website
1
1
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat: add projects

Browse Source
This commit is contained in:
Jianqi Jin
2023-09-19 15:01:22 -05:00
parent a6b5fc79fa
commit a859b2824f
2 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/assets/stylesheets/project.scss
View File

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

5
src/components/Projects.js
View File

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