L0k1

Это никому не нужно, и такая постановка задачи может быть только из-за непонимания технологий.
Если подпишешься на эту бредятину - то можешь писать эту ерунду с помощью инлайнера, например такого templates.mailchimp.com/resources/inline-css

Дич конечно)
Ну задай внутреннему ширину 100vw

из этих - бутстрап
а вообще вам нужен он, фреймворк? а то у всех уже ассоциация: сверстать = подключить бутстрап

давай ссылки на работы - чтобы их можно было пощупать, с архивами никто возиться не любит
но попроси, чтобы тебе скинули тестовое - там где ты можешь показать свой уровень.
тестовое - это обычно что-то простенькое, что делается за 1-2 часа

Лично мне не нравится подход именования цветов по контенту. Ну напишу я $bgHeader - а потом мне этот цвет надо использовать в футере - и тут меня эта штука начинает раздражать footer {color: $bgHeader} ? фигня какая-то

у любого сайта есть цветовая палитра, положим из 10 цветов, вот я их и задаю $c_gray, $c_gray_dark, $c_orange
А если нужно сменить цвет с оранжевого на голубой - то любая IDE поддерживает рефакторинг

ЗЫ: Много ли вы меняли полностью цветовую схему на противоположную в процессе разработки?

ну не хочешь устраиваться на работу, делай что-нибудь дома сам.
зачем задавать вопрос, если не хочешь, чтобы тебе советовали?

надо просто хаотично написать хаотичный скрипт

ЗЫ: пока вопрос не будет конкретным - вам врядли будут помогать

Этот вопрос очень часто всплывает на тостере. Могли бы и погуглить.
Программирование разное бывает.

Если вы хотите сайтики клепать - на кой вам математика вообще?
Если вы будете рендерить какие-нибудь 3д модели (к примеру), геймдевом заниматься etc... - тут без математики никуда

prntscr.com/8yl45b

да и кроме этого причин там много

https://davidwalsh.name/font-loading

а этот же вопорос в гугл вбить не судьба?

cookie, localStorage, sessionStorage не?

я думаю вам не отвечатют, потому, что не понятна эта фраза "пропорционально сжиматься разжиматься"
у вас адаптив? или просто сайт должен помящется в размеры экрана любого девайса (и он не адаптивный)?

background-size: cover;