.layout_row {
    display: grid;
    grid-auto-flow: column;
    gap: var(--spacing-small);

    > .item {
        padding: calc(var(--spacing-small) * 2);

        background-color: var(--background-1);
        border-radius: var(--border-radius-leaf);

        .title {
            text-align: center;
        }
    }
}

.layout_row + .layout_row {
    margin-top: var(--spacing-small);
}

@media (max-width: 600px) {
    .layout_row {
        grid-auto-flow: row;
    }
}
