Возможно ли создать такую сетку с помощью CSS Grid?

Возможно ли создать такую сетку с помощью CSS Grid?

Да.

На каком уровне джуниор веб-программисту надо знать устройство компьютера?

Вроде не пятница еще

Как можно отключить все конкретные правила и свойства в стилях?

weranda,

Решил так попробовать.

Так не получится. Выше объяснила почему.

Как реализовать подобное расположение?

Василий Хрягин,

Может подскажите где я могу прочитать об этом?

Ага, набираете в любимом поисковике "css grid" и находите там пачку статей и примеров.
Дальше набираете "css grid игра" и проходите тренажер.
Потом для вдохновения ищете codepen Рейчел Эндрю или её доклады.

Как можно отключить все конкретные правила и свойства в стилях?

weranda, вот ведь...
Вот именно что прием.
Да не тупите вы настолько-то..

Хотелось бы проверить как отображается сайт в браузере с тем или иным отключенным правилом.

Этот ☝ изврат зачем?

Как выглядит сайт в старых браузерах узнается путем открытия сайта в старом браузере, а не так как вы затеяли. Тем более, что у каких-то браузеров есть частичная поддержка флексов или частичная с префиксами. И отключение просто флекса не даст нужного представления.

Как выглядит сайт с другой цветовой схемой узнается путем ввода переменных, а не так как вы собираетесь это делать.

Как реализовать подобное расположение?

ArtJH, боюсь представить как вы собрались это делать флексами...

Как можно отключить все конкретные правила и свойства в стилях?

weranda, Альтернативный вариант: сделать автозамену по всем файлам.
Заменить все inline-flex на одну переменную, flex на другую.
Потом можете менять переменные как душе угодно.

Но опять таки: зачем этот изврат?????

Как можно отключить все конкретные правила и свойства в стилях?

weranda, перебираете все элементы, получаете у них display, если он содержит flex, то задаете другой display initial.
Всё.

Как можно отключить все конкретные правила и свойства в стилях?

weranda, на CSS только если вы будете указывать конкретные селекторы.
На JS проще.

Как правильно реализовать верстку с изображениями разного размера?

Или должен ли мне заказчик предоставить все фото одинакового размера?

Хорошо бы.
Если заказчик хочет ровный красивый сайт, то изображения для него специально подбирают и подготавливают.

я конечно могу за фиксировать область прописав ей определенную высоту и ширину

Да, так и поступают.

Еще пробовал использовать свойства object-fit с разными значениями, но почему то это не работает картинка просто растягивается на всю страницу.

Потому что вы не задали ей размеры.

/*не работает да не смотря на префексы и !important*/

-o-object-fit Вы смотрите в 12 опере? Ну-ну.
Для префиксов используйте autoprefixer при сборке.

important нужен с единственной целью - переопределять стили js плагинов, код которых вам не принадлежит.
В собственной верстке никаких important быть не должно.

Как реализовать подобное расположение?

Решаете сколько должно быть строк и колонок и вперед.

Unexpected token 'else'?

ESEKY, это принципиальный вопрос, а не потому что мне жалко.

Дело в том, что таких ошибок у вас будет миллион. И нужно научиться находить их самостоятельно.
Заодно, настроить рабочее окружение так, чтобы упростить этот процесс.

И если в 20 строках кода не найти подобную ошибку, значит, пора отдыхать.

Unexpected token 'else'?

Pavel Shvedov, единообразие там как раз присутствует. Непривычное, возможно, но в наличии.

Unexpected token 'else'?

ESEKY, ну слушайте, ходить на Тостер, чтобы за вас искали и показывали скобки это беспредел.
Нет, не в порядке.

Unexpected token 'else'?

Фигурные скобки проверяйте.

Правильно ли я закинул файлы?

Что в папке domains?

Как переместить объекты так: один слева другой справа, так-же прошу помочь с белыми полосами по бокам?

swerzy, Отлично :)

Как переместить объекты так: один слева другой справа, так-же прошу помочь с белыми полосами по бокам?

swerzy, Например, вот так флексами https://jsfiddle.net/g8va4ojh/
Обертки для картинок нужны, чтобы их не растягивало stretch'ем и можно было использовать object-fit.

Scss sass less с чего начать?

Bavashi, а еще есть слово "соответственно", это вообще ахтунг.

P.S. А в целом, Sass же лучше, да? Если в общем случае?

Лучше это субъективно. Возможностей больше. А когда и кому они нужны, это вопрос индивидуальный.
После того, как бутстрап перешел с less на sass, популярность первого сильно снизилась.

Однажды мой студент выбирал препроцессор и выбрал less. Сказал, что он лучше потому что до @ тянутся пальцем удобнее, чем до $.

Вот против чего я конкретно возражаю, так это против синтаксиса sass.
При работе в нормальном редакторе экономия на скобках не стоит времени, потраченного на поиск ошибки из-за неверного движения мышки и сбитого отступа. Еще в своем свежем коде куда ни шло. А в том, где побывал кто-то еще.. нет.

Scss sass less с чего начать?

Bavashi, случайно, видимо не нужно три раза повторять одно слово.