about view done, projects mostly done, some minor styling left!

src/css/ProjectCard.css

@@ -0,0 +1,53 @@
+.projectCard {
+  width: 33%;
+  /*   height: 200px; */
+}
+
+.imgs,
+.img {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.img img {
+  width: 100%;
+}
+
+.img img,
+.imgs img {
+  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
+  margin-bottom: 0.245rem;
+}
+
+.projectInfo h3 {
+  color: white;
+}
+
+.projectInfo h3 span {
+  color: rgb(151, 151, 151);
+  font-size: 1rem;
+}
+
+.projectJob {
+  color: rgb(151, 151, 151);
+  margin-bottom: 0.25rem;
+}
+
+.socialIcon {
+  width: 1.5rem;
+  height: auto;
+  fill: white;
+  transition: fill 0.5s ease;
+}
+
+.socialIcon:hover {
+  fill: black;
+}
+
+.projectLinks {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 0.5rem;
+}