тут у вас задача сформулирована нечетко. разберем:
1.
были резиновыми;
не были шире определённого значения;
по сути... они резиновые только при малой ширине окна, далее задача превращается в расстановку блоков фиксированной ширины.
2.
образовавшееся свободное место (из-за ограниченной ширины) равномерно распределялось между ними
А тут неясно, надо ли сохранять некое количество "колонок" (например 3, как в скрине) или позволять блокам напихиваться в строки до упора. Если исходить из скринов - 3 колонки - соответственно неважно делаем их float или inline-block ( в режиме text-align:left), шириной 33%, а уже вложенные блоки центрируем внутри этих "колонок". Получатся резиновые отступы. Вот это-то я и имел ввиду в ответе.
(+ придется media писать, чтоб контейнеры 33% превращать в 100% при малой ширине).
А вот если надо надо не в 3 колонки а "сколько влезет", то тут только inline-block+justify, а он вам даст результат как в первой картинке. https://jsfiddle.net/45v1uarz/1/
Т.е. - не выйдет. Только если задачу как-то переформулировать.
на будущее - чтоб найти решение, выкидывайте все лишнее, минимизируйте код. в этом примере вместо портянки на несколько экранов вполне можно выкинуть все кроме подключения gulp и browser-sync.
всем проще и удобнее.
да я думал вопрос в том, как на стоящих рядом мониках цвет выровнять.
если речь вообще про любые моники, то ответ - строго sRGB юзать для сайтов. бОльшего тут не предпринять ))
Максим Тимофеев, в фотошопе есть инструменты для работы с вектором, векторные объекты, и он умеет их экспортировать в svg. это все,что вам хотел сообщить топикстартер.
про люстру спору нет )
1.
по сути... они резиновые только при малой ширине окна, далее задача превращается в расстановку блоков фиксированной ширины.
2.
А тут неясно, надо ли сохранять некое количество "колонок" (например 3, как в скрине) или позволять блокам напихиваться в строки до упора. Если исходить из скринов - 3 колонки - соответственно неважно делаем их float или inline-block ( в режиме text-align:left), шириной 33%, а уже вложенные блоки центрируем внутри этих "колонок". Получатся резиновые отступы. Вот это-то я и имел ввиду в ответе.
(+ придется media писать, чтоб контейнеры 33% превращать в 100% при малой ширине).
https://jsfiddle.net/mLye8nxo/4/
https://jsfiddle.net/nmq9wmxL/1/
А вот если надо надо не в 3 колонки а "сколько влезет", то тут только inline-block+justify, а он вам даст результат как в первой картинке.
https://jsfiddle.net/45v1uarz/1/
Т.е. - не выйдет. Только если задачу как-то переформулировать.