diff --git a/src/components/projects/projectCard/ProjectCard.jsx b/src/components/projects/projectCard/ProjectCard.jsx
index 57ea518..3a967b8 100644
--- a/src/components/projects/projectCard/ProjectCard.jsx
+++ b/src/components/projects/projectCard/ProjectCard.jsx
@@ -7,9 +7,11 @@ function ProjectCard({ project, onClick, className }) {
- {project.title}
- {project.category}
- {project.description}
+
+
{project.title}
+
{project.category}
+
{project.description}
+
);
}
diff --git a/src/components/projects/projectCard/ProjectCard.module.css b/src/components/projects/projectCard/ProjectCard.module.css
index fedba03..0431321 100644
--- a/src/components/projects/projectCard/ProjectCard.module.css
+++ b/src/components/projects/projectCard/ProjectCard.module.css
@@ -5,6 +5,9 @@
overflow: hidden;
transition: transform 0.3s ease;
cursor: pointer;
+ height: 450px; /* Fixed height for the card */
+ display: flex;
+ flex-direction: column;
}
.card:hover {
@@ -24,21 +27,34 @@
transition: opacity 0.5s ease;
}
+.content {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ padding: 1rem;
+ overflow: hidden;
+}
+
.title {
font-size: 1.2rem;
font-weight: bold;
- margin: 1rem;
+ margin-bottom: 0.5rem;
color: #333;
}
-.description {
- font-size: 0.9rem;
- margin: 0 1rem 1rem;
- color: #666;
-}
-
.category {
font-size: 0.8rem;
color: #666;
- margin: 0 1rem;
+ margin-bottom: 0.5rem;
+}
+
+.description {
+ font-size: 0.9rem;
+ color: #666;
+ flex-grow: 1;
+ overflow: hidden;
+ display: -webkit-box;
+ -webkit-line-clamp: 4; /* Adjust this number to show more or fewer lines */
+ -webkit-box-orient: vertical;
+ text-overflow: ellipsis;
}
diff --git a/version.txt b/version.txt
index f76f913..b3ec163 100644
--- a/version.txt
+++ b/version.txt
@@ -1 +1 @@
-0.9.2
\ No newline at end of file
+0.9.3
\ No newline at end of file