Все уже есть и реализовано. Зажимаете ЛКМ на полосе прокрутки и скрольте сколько душе угодно.
Бонусом скрол идет относительно всей длины страницы а не только ее видимой части.
Первый вариант не обязателен, но если заданы фиксированные размеры картинки, то браузер сразу место картинке "оставит" и контент не будет прыгать в момент окончательной загрузки картинки.
Второй вариант крайне не желателен, ибо вы потом в css фиг перенаследуете значения. Это нормально только в случаее - когда мы JSом динамически меняем размеры.
Третий вариант масхев, что-бы небыло такой фигни когда картинка вылазиет за границы блока.
"Любви все возрасты покорны"
Я бы на вашем месте начал с https://htmlacademy.ru/program , если вашему брату интересна верстка и вытекающие, а дальше по обстоятельствам.
Слайдеры. всплывающие окошки, увеличенные картинки и тд это всё верстка.
Заявка и отправка писем это уже без сервера не реализуешь, но в общем ничего сложного.
Попробуйте <meta name="viewport" content="width=XXX" />
Где XXX это полная или минимальная приемлемая ширина вашего сайта на ПК, после который начинается горизонтальная прокрутка. Кому нужно тот сам увеличит нужные части сайта, и сайт более менее корректно будет отображаться.
Какое рабство? Вы вообще о чем?
При вменяемом дизайн всё делается проще простого.
Сельский вариант - берем сетку от бутстрапа и пол дела уже сделано.
Верстка потому и называется Адаптивной потому-что она подходит под все разрешения.