approximate solution

Все очень просто, рамка у вас position: relative, кнопка и портрет:position: absolute с значениями top\bottom собственно для каждого - подбираете значение и выравниваете. left: 50%;transform: translateX(-50%),что бы выравнивать всегда по центру относительно рамки.
z-index: 1перекроет вашу рамку кнопкой и портретом. Белый кант вокруг кнопки\портрета можно сделать с помощью ::after

Как обезопасить андроид от вирусов?

Не лезть на порносайты, быть осторожнее с серфингом.

Какой антивирус лучше ставить на планшет на андроиде?

Я думаю мало чем поможет. Обновление сигнатур происходит не так часто, и шанс подцепить какую нибудь бяку - будет все равно высокий(в случае неадекватного серфинга). За последние 10 лет использования андроида, не разу не использовал антивирус, и вам советую не заморачиваться. Если андроид захочет отдать концы, он это сделает.

Сам кодер PHP

Кодер PHP не мог бы задать такой вопрос, ИМХО. Скорее всего вы говнокодер на PHP, т.к у PHP тоже есть фреймворки, и если вы умеете в PHP, то должны быть наслышано по YII2, Laravel, Symfony и тд. И примерно должны понимать для чего люди разрабатывают фреймворки, и какие проблемы фреймворки и их модули решают.

Правильный ответ: автоматизация, быстрое решение однотипных проблем, стандартизация кода, разработка документации под конкретный фреймворк, дабы помогать разработчикам делать более лаконичные и "красивые" продукты, нежели каждый раз писать свой велосипед(что не мешает его писать даже на фреймворах).

То же самое применимо и к JS фреймфоркам, т.е в нем уже есть готовые инструменты для разработки.

Нужен совет опытных ангулярщиков, во 1) правда ли изучаешь один раз и применяешь везде? 2) как обстоят дела в крупных проектах?

Я так понимаю вас останавливает желание учиться и хочется меньше кочек по жизни?) Или вы пошли во фронтенд что бы один раз выучил, "и так сойдет")). Надо привыкать к тому, что не все пишут идеальный код, и идеальную архитектуру. Ваши притензии "написано максимально по разному" - так в этом и суть программирования - "есть два архитектора, и одинаковые инструменты, ну не построят они 2 одинаковых дома если не будут тотально сливать друг другу весь архитектурный план и идеи". Каждый пишет как умеет, и на сколько позволяет дедлайн, наличие тестов, денег в проекте.

Насчет ангуляра - он отличный, но и на нем иногда такое дерьмо видишь, что глаза вытекают. Не надо становится тем человеком, которого называют "Java головного мозга", не стоит становится заложником одного фреймворка.

https://pinetools.com/overlay-images
Сюда вставляете картинку, и он должен кропнуть фон. Возможно обвести нужно будет, отдельные области. Суть вы поняли.

Потому что у вас перед подвалом загружается овер много карт гугл, которые подгружаются скриптами. Сделайте отложенную загрузку карт, что бы они подтягивались по наведению мыши.
+ поджирает скрипт фейсбука.
+ пользуйтесь gtmetrix - он дает более адекватную оценку вашему сайту, и неплохую аналитику.

Где золотая середина?

Золотая середина это обычно + 1 секция ниже(ей вы перекрываете особо большие экраны).

ноутбука с HD-разрешением, а у другого 4к монитор повернутый вертикально.

Как правило критический css создается с упором на пользователей мобильный девайсов, либо же пользователей с очень плохим интернет соединением. Но 2020 год на дворе, и ваш css в 100кб, для 99% пользователей просто смешон. Большинство статей которые вы читаете про критический css - зарубежные(плохой интернет, + многомиллионный охват аудитории, какой нибудь портал вроде bbc news), если у вас такого охвата нет, и вы "стримите" свой бизнес на Россию - заморачиваться с критическим css не столь продуктивно.

Прелоадеры

Прелоадер нужен как правило, если у вашего сайта загрузка более 3+ секунд, он позволяет снизить коэффициент отказа у пользователя, и убрать агрессию к вам) Если ваш сайт загружается до 3 секунд - прелоадер тоже такое себе.

Как по мне, хорошее задание.
Во первых - даже если ваш потенциальный наниматель вас кинет, ничего не мешает вам поместить сверстанную вами страницу себе в портфолио.
Во вторых - скорость верстки и разработки - это деньги работодателя. Чем быстрее заказ уйдет в прод - тем быстрее работодатель возьмет новый и получить кэш, ну и вы следовательно, если ставка процент от заказа.
Поэтому если для вас такая страница кажется сложной, или объемной - это плохо. Так как структурно - макет довольно легкий, можно юзать флексы и гриды, никакой сложной графики.
Единственное что смущает, или мб я не прочитал до конца - вам скинули фотку с страницей с просьбой сверстать её, или макеты в фигма на деск, таблет, и мобайл?

Стоит ли мне продолжать учиться разработке?

Слышали фразу - "На ошибках учатся". Ничего страшного в этом нет, рано или поздно все символы, и примитивные конструкции будут писаться на автомате. А пока что у вас качается навык отладки своего кода.

Загуглив один вопрос - я узнаю ещё 2 или 3 незнакомых слова, и таким образом формируется ЦЕЛОЕ дерево, выстраивается целая цепочка непонятных терминов да так, что через 2 часа скитания по интернету я уже и не помню, с чего полез в гугл

Может не стоит лезть в программирование, если вы не понимаете таких базовых вещей как иерархия изучения материала.

Сейчас ваша ситуация такая - вы хотите - написать приложение Python + использовать в нем графический интерфейс. Вопрос: сколько приложений до этой гениальной идеи с разработкой достаточного емкого пет проекта вы написали? От самых простых в виде калькулятора, или простого парсера, который поможет набить руку в мышлении, декомпозиции задачи и умении гуглить информацию до вашей мечты про PyQt.

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

Курсов и книг полно - пример -https://coursehunter.net/course/programmirovanie-g...