Правильно расположение блоков при 1440px и при 1940 px?

Question

[uvv99]

https://jsfiddle.net/h9fLz2vq/
Добрый день.
Как правильно сделать адаптивно-резиновый сайт, тут в примере два блока.
1.При экране в 1440 px два блока располагаются рядом и выглядят на весь экран.
2.При экране в 1940 px два блока располагаются по центру экрана и с боков большие отступы.
Как правильно расположить два блока в один ряд, что бы при 1440 и при 1940 пикселей картинка была одинаковая, менялся бы только размер блоков?

Comments

[Ankhena]

0. Открыла песочницу и не вижу никаких блоков. Код вижу. Вы специально сделали так, чтобы отвечающим нужно было самим фончики позадавать?
Но за то что есть песочница уже большое спасибо.

1. В коде какая-то фигня, про неё не буду.

2. Для сеток сейчас используют флексы и гриды.
Пример простейшей страницы на гридах и флексах с к...

3. Итого: 2 равных блока в сумме дающих 100% это блоки с шириной по 50%.
При наличии отступа между ними используют calc.
В гридах ещё проще 1fr 1fr и gap.
И все дела.

Для двух колонок: https://jsfiddle.net/0r73ucL2/