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.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