/* General container styling */
.author-page-container {
    margin: 0 auto;
    width: 90%; /* Slightly increased width for smaller screens */
    max-width: 1200px; /* Optional max-width for larger screens */
    padding: 20px 0;
}

/* Author Info Section */
.author-info h1 {
    text-align: center;
    margin-bottom: 10px;
}

.author-info p {
    font-size: 1rem;
    color: #666;
    text-align: center;
    margin-bottom: 20px;
}

/* Blog Grid */
.blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Adjust to fit smaller screens */
    gap: 20px;
}

/* Responsive Styling for Mobile */
@media (max-width: 768px) {
    .blog-grid {
        grid-template-columns: 1fr; /* Stack cards on smaller screens */
        gap: 15px;
    }
        .author-info h1 {
            font-size: 26px;
            text-align: center;
            margin-bottom: 10px;
    }

}