Ivan Bogatov

У первого варианта преимущество - группировка классов по медиа-запросам (устройствам), а не смешивание всё в одну кашу.

Кроме всего перечисленного, IT-разработка как раз чудесна тем, что ранее написанный код можно использовать очень много раз. Напишите один раз любое центрирование (хоть лёгкий флекс, холь аддцкий хардкор на 10 строк) и используйте везде.

https://www.w3schools.com/cssref/pr_font_font-size.asp
Можно. Но изменяться будет от "базового".

Задать фон wrapper, а переворачивать container?