/* BLOG CONTAINER */
.blog-container {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    justify-content: flex-start;
    gap: 1em;
}

/* Blog item styling */
.blog-item {
    background: #fff;
    padding: 1em;
    flex: 1 1 calc(33.33% - 1em);
    max-width: 300px;
    min-height: 400px;
    box-sizing: border-box;
    text-align: left;
}

/* Center align for smaller screens */
@media (max-width: 768px) {
    .blog-container {
        justify-content: center;  /* Center items on small screens */
    }
    .blog-item {
        flex: 1 1 90%;            /* Make each item take most of the width */
        max-width: 90%;           /* Keep width flexible */
        text-align: center;       /* Center text and content */
    }
}