Александр Васильев

В наше время это редкое сочетание: тактичность/галантность и, мягко говоря, наивность. Даже как-то мило, молодой человек. :)
Со своих старческих лет могу сказать так: Забейте на всю пургу про безопасность! Никого не интересует по каким пopно сайтам Вы ходите, потому что туда ходят приблизительно 4 млрд населения планеты или 80 млн в нашей стране. А кому надо, те и без хакинга призовут в военкомат (условно).
Просто для действительно важных сервисов (социалки, почта, телега, банки, ваш_важный_сервис, etc) используйте двухфакторную авторизацию. Всё остальное - никому не нужный мусор, включая Ваш домашний адрес, ФИО и родословную.

Нанять фрилансера, чтобы исправил.

Очень давно пользуюсь moziilla thunderbird, уже давно не в windows но точно помню что оно выдавало уведомления, в нем прекрасно работают и gmail, и mailru, любые другие pop/imap почтовые сервисы с поддержкой кучи типов авторизации, включая oauth2

tabs

tabs? Неужели в нем лежит коллекция элементов? Если да, то необходим предварительный перебор коллекции (для выполнения метода preventDefault() для каждого из элементов коллекции), примерно так:

tabs.forEach((el) => {
    el.addEventListener('click', (e) => {
        e.preventDefault();
    });
});

вариант с готовыми инструментами:
берёшь ScrollTrigger и задаешь pin блоку свайпера, когда он достигает центра экрана, из onUpdate коллбека scrolltrigger'a берёшь значение progress и его же используешь в swiper.setProgress() чтобы сдвинуть блоки. Будет работать в обоих направлениях скрола.
При желании свайпер можно заменить на просто блок со слайдами и двигать его через transform: translateX (или через gsap анимацию)

никакую, а написать "маркетплейса приложений по типу app store" стоит миллионы баксов

Zeplin использовал в свое время

Сам разобрался, может кому пригодиться.
Неправильно использовал кавычки, и вместо # нужен знак $

- let img = "flower";
source(srcset=`img/${img}.jpg` type="image/webp")

Для этого есть замечательное дополнение ClientConfig, данные редактируются на отдельной странице в админке, а в шаблоне вывод как у системных настроек.

Через pdoMenu только два вызова. Если используете шаблонизатор Fenom, то можно сделать через него 1 запрос к базе данных. Пример:

{var $resources = $_modx->getResources(
    ['published' => 1, 'deleted' => 0],
    ['sortby' => 'id', 'sortdir' => 'ASC', 'limit' => 50]
)}

А потом дважды пройтись по массиву циклами. Примерно вот так:

{foreach $resources as $resource}
    {$_modx->getChunk('@INLINE <p>{$id} {$pagetitle}</p>', $resource)}
{/foreach}

Копаюсь в исходниках сайтов.

А смысл? Не лучше ли сперва почитать основы? В них подробно описываются подобные вещи.

site.ru&id=12

Это - параметр URL, хотя и неправильно записанный.
Правильно будет:
example.com/addres?key=value&?key2=value2

site.ru#profile12

Это похоже на якоря
Гугл выдаст 100500 статей по ним

идешь на hh.ru
смотришь, какие требования по стеку/скопу для

вакансии младших системных администраторов, эникеев

вписываешь в резюме что владеешь этим
да, ну и , ознакамливаешься конечно

рассылаешь

Если вот прямо "поиграть цветами" хочется, то есть отличный, но затратный вариант.

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

Однако встаёт вопрос экономической целесообразности такого подхода.

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

Конкретно на ваш вопрос, ответ:

media only screen and (max-width: 1216px) {

.content{
text-align: center;

position: relative;
margin: 0 auto;
}

.content_block {
text-align: left;

position: relative;
max-width: 1200px;
width: 295px;
height: 200px;
border: solid 1px;
display: inline-block;
padding-bottom: 50px;
margin: 0 auto;
margin-top: 40px;

background-color: #FFE475;
}
//...

svg элемент с дугой белого цвета и тенью.