dom1n1k

Учитывать регистр означает что при поиске по запросу "Стол" найдется слово Стол. При этом вариант "стол" будет проигнорирован и отсутствовать в результатах.

codepen.io/sadisme/pen/qNgVxm

из опыта - без разницы. Шесть лет делаю мультиязычные сайты. Хотя Google несколько раз подчеркивал, что будет бустить национальный контент размещенный на национальном домене. То есть если русский - сиди в RU, если англичанин - в co.uk , американец - в COM. На практике Google подравнивается под рынок и никого не наказывает, потому что для среднего вебмастера развести грамотно несимметрично локализуемый контент на два домена под одной CMS это нетривиальная задача. Если контент имеет внешние ссылки и авторитет, он его будет иметь. Из последних новшеств - Google рекомендует ставить hreflang мета-теги в заголовках сайта, чтобы наконец получить надежный способ учета контента по языкам и не морочить голову.

Вполне.
Многие юзвери после сдачи им сайтов их уродуют до неузнаваемости, при этом в портфолио можно разместить ссылку на свою копию, чтобы было видно то, в каком виде Вы отдали заказчику сайт.

media screen and (min-width: 640px), - зачем там запятая в конце?

Зависит от того, что вы имеете в виду под "перенести".
Если такое:
<p>Duis ... luctus,<br> nisi ... elit.</p>
Да, так можно.
Но межстрочный / межпараграфный интервал должен быть настраеваемым точно по макету из css. Т.е. вот это:

<h2>Creative digital project</h2>
<br><br>
<p>Duis ... luctus,<br> nisi ... elit.</p>

- типичный говнокод.

Если и влияет то так не значительно, что этим можно пренебречь.

Никак

Знающий не говорит, говорящий не знает (Лао Цзы)

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

От себя скажу что решать олимпиады по программированию != Хорошо программировать

Говорю как человек в оных регулярно участвующий.

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

Не веришь? Посмотри любые решения олимпиадников - на codeforces.com например.
Там по всем стандартам ад и ужас.

Лучше потратить время на что то действительно полезное, например на свой проект, разработка которого только в радость.

Не дробите сетку на большое число колонок, это не поможет. Управлять такой сеткой будет тяжело, но всё равно попадутся сайты, которые в неё не лягут.

Я для себя сделал генератор flexbox-сеток на LESS: под каждый конкретный проект я могу сгенерить сетки с разным количеством колонок, гуттерами разной ширины и разными media брейкпоинтами. Всё настраивается при помощи 5 переменных. По-умолчанию моя сетка старается быть похожей на бутстраповскую 12-колоночную, как самую привычную. Но некоторые фишки я утянул из сетки Zurb Foundation 6.

paulradzkov.com/flxgrid.css

К тому же, flexbox настолько гибкий, что колонки могут распределять между собой ширину автоматически.
Посмотрите пример paulradzkov.com/flxgrid.css/#auto-width-columns

Можно смешивать колонки с явно заданной шириной (фиксированной или в процентах) и автовыравнивающиеся колонки. Т.е. дизайн сайта не обязан быть выровнен строго по вертикальным направляющим, как с float-сетками.
Flexbox-cетку можно подстроить под почти любой дизайн, дописав немного кастомного кода.