Как добиться разрыва слова в компоненте уровня Bulma и установить равную ширину слева и справа?

Question

Привет, у меня проблема с разрывом слов в компоненте уровня Булмы.Это не работает.И я хочу установить левый и правый уровень равной ширине.На самом деле я хочу, чтобы он действовал как адаптивный стол ...

Answer 1

Я как-то разобрался с решением:

.level {
    .level-left {
        min-width: 0;
        word-break: break-word;
        flex-basis: 50%;

        .level-item {
            flex-shrink: 1;
        }
    }

    .level-right {
        min-width: 0;
        word-break: break-word;
        flex-basis: 50%;

        .level-item {
            flex-shrink: 1;
            text-align: right;
        }
    }
}

Пример Codepen