Павел Алмазов

Для этого используются медиа запросы подробнее тут
А если вкратце то там под каждый размер экрана пишется свои размеры например так.
//@media (min-width: 500px) and (max-width: 600px) {
// h1 {
// color: red;
// }

Это означает что если размер экрана 500px но не более 600px то цвет 'h1' станет красным (если в обычном запросе он другого цвета)

Простым языком про $(this).

если вы выберете элемент таким образом
$('.main').click(function(){
$(this).css('backgroun-color', 'red')
Это означает что стиль будет применён к выбранному элементу с классом .main,
по клику получит красный фон.
Если вместо $('this') вы напишите другой селектор, например
$('.main').click(function(){
$('.main2').css('backgroun-color', 'red')
то элемент с классом .main2 по клику на .main получит красный фон

Этот пример почему то "дёргается" в песочнице, хотя плавно срабатывает после загрузки на сервер

Сайт не доступен

$(".content").removeClass("clName1 clName2")