﻿.blog-home-container {
    display: flex;
    gap: 2em;
    flex-wrap: wrap;
}

    .blog-home-container .blog-post-container {
        grid-column-gap: 2rem;
        grid-row-gap: 1rem;
        grid-template-rows: auto;
        grid-template-columns: .75fr 1fr;
        grid-auto-columns: 1fr;
        align-items: stretch;
        display: grid;
    }

    .blog-home-container .blog-post-container--list {
        max-width: initial;
    }

    .blog-home-container .blog-post-container img {
        aspect-ratio: 1;
        object-fit: cover;
        border-radius: .5rem;
        width: 100%;
        height: 100%;
    }

        .blog-home-container .blog-post-container img:hover {
            filter: brightness(1.2);
            transition: filter 0.3s ease;
        }

    .blog-home-container .blog-post-container .blog-post--text-container {
        padding: 1em 2em;
        flex: 1;

        flex-direction: column;
        justify-content: center;
        align-items: stretch;
        display: flex;
    }

    .blog-home-container .category-container img {
        height: 8.5em;
        width: 8.5em;
        object-fit: contain;
    }

    .blog-home-container .category-container .blog-post--text-container {
        text-align: center;
    }

    .blog-home-container .category-container img:hover {
        transform: scale(1.1);
        transition: transform 0.3s ease;
    }

    .blog-home-container .category-container h2 {
        text-align: center;
    }

.blog-tag {
    width: fit-content;
    padding: 5px;
    margin-top: 5px;
    display: inline-block;
}

@media (max-width: 750px) {
    .blog-home-container {
        flex-direction: column;
    }

        .blog-home-container .blog-post-container {
            max-width: 100%;
        }

        .blog-home-container .category-container {
            text-align: center;
        }
}

/* @media (min-width: 1440px) {
    .blog-home-container .blog-post-container img {
        height: 19em;
    }
} */
