.grid-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-auto-rows: auto;
    grid-gap: 1rem;
}

    .grid-cards:before, .grid-cards:after {
        display: none;
    }

    .grid-cards .project {
        background-image: var(--project-image);
        background-repeat: no-repeat;
    }

        .grid-cards .project img.thumbs {
            width: 100%;
            height: 100%;
        }

.project-cards .card {
    display: inline-flex;
    flex-direction: column;
}

    .project-cards .card .card-footer {
        padding: 10px 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    .project-cards .card .content {
        padding: 0px 10px 10px 10px;
        flex-grow: 1;
    }


.card-blog {
    color: #777777;
}