/* Medium screens */
@media (min-width: 48rem) {

    main {
        width: 100%;
        max-width: 75rem;
        margin: 0 auto;
        padding: 1rem;
    }

    .gallery {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr));
        gap: 1.8rem;
        padding: 1rem;
        background-color: var(--accent3-color);
    }

    .multi-column {
        column-count: 2;
        column-gap: 2rem;
    }

}