.project-card{
    p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3; 
        line-clamp: 3; 
        text-overflow: ellipsis;
        overflow:hidden;
    }
}
.project-card-title-year-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12;
}


@media (max-width: 768px) {
    .project-card-title-year-box {
        flex-direction: column;
    }
}