MediaWiki:Common.css

/* Grid layout for main page sections */
.main-page-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Adjust minmax values as needed */
    grid-gap: 20px;
}

.section {
    border: 1px solid #eee;
    padding: 10px;
}

/* Media query for smaller screens */
@media (max-width: 768px) {
    .main-page-grid {
        grid-template-columns: 1fr; /* Single column layout on small screens */
    }

    .section {
        margin-bottom: 15px; /* Add spacing between sections on small screens */
    }

    /* Adjust image gallery dimensions or other elements as needed */
    .gallery {
        width: 100%;
    }

    .gallery img {
        max-width: 100%;
        height: auto;
    }
}