flex-columns.css

/**
 * Задача
 * - container резиновый
 * - внутри 2 колонки
 * - левая - резиновая
 * - при этой левая не тянется больше, чем позволяет контейнер
 * - правая - фиксированной ширины
 * 
 * HTML
 * <div class="parent">
 *     <div class="left">left normal</div>
 *     <div class="right">right normal</div>
 * </div>
 */

.parent {
    width: 500px;
    display: flex;
}

.left {
    flex-grow: 1;
    overflow-y: hidden;
    text-overflow: ellipsis;
}

.right {
    /*
     * Пробовал ещё flex-basis + flex-shrink = не работало
     */
    width: 200px;
    flex-shrink: 0;
}