.workshop {
    &-container {
        display: flex;
        gap: 1rem;

        @include media-breakpoint-down(lg) {
            flex-direction: column;

            .warehouse, .inventory {
                justify-content: center;
            }
        }

        @include media-breakpoint-down(md) {
            .warehouse, .inventory {
                flex-wrap: wrap;
                justify-content: center;
            }
        }
    }

    &-item {
        flex: 1;
    }
}