MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* 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;
    background-color: #f9f9f9;
}

.section {
    border: 1px solid #eee;
    padding: 10px;
    background-color: #fff;
}

/* 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;
    }
}