Как такое сверстать?

Александр Шемаханов, посмотрите на картинку. Там переходы по цветам мягче, а не как тут + граница в 1 пиксель, поэтому будет нормально выглядеть. Хотя может и плохо, лень смотреть :))

Ну или как простой вариант:

Как такое сверстать?

Лучше картинкой, если позволяет подложка и желательно без PNG (если можно, конечно).

Градиент на круге можно сделать просто разными цветами border четырёх сторон закругленного блока (border-color-left и т. д.).

Как сделать в css аккордеоне, чтобы при загрузке страницы по умолчанию открывался определенный пункт?

Ну так добавьте изначально ваш класс .open к нужному пункту.

Какова сезонность спроса в сфере вёрстки в течение года?

Это же не яблоки, LOLOLOL…

Если вы хороший специалист, то сарафанное радио будет теребить вас все сезоны.

Как решать такие нестандартные решения в верстке?

Вадим Кот, я, видимо, косо читал, прошу прощения :))

Как сделать такие переходы между экранами?

Например, с помощью библиотеки wow.js + любым CSS-анимациям.

Слайдер с выбором случайного слайда, есть ли примеры?

Берёте любой слайдер. Получаете количество слайдов. По клику методом API слайдера переходите к номеру случайного слайда в рамках значений.

может открыться например модальное окно

А может и не открыться.

Как решать такие нестандартные решения в верстке?

Можно и без absolute поднять. Relative + top с отрицательным значением:

Как задавать стили для заголовков?

Полный бред :))

Для SEO важна разметка (тег), а не стили.

В IOS Safari телефон преобразует текст в кликабельную ссылку с синим цветом, как исправить?

AleninD, передаю ему привет, конечно. Главное, чтобы бюджет проекта и оплата вашей работы была такой же высокой, как его требования.

В IOS Safari телефон преобразует текст в кликабельную ссылку с синим цветом, как исправить?

AleninD, а зачем iOS 9? У кого она есть, у ~0.5 процента пользователей? :))

Уже 13-я версия на носу, всё актуальные устройства обновились до 12-й или 11-й версий давным-давно:

gs.statcounter.com/ios-version-market-share/mobile...

В IOS Safari телефон преобразует текст в кликабельную ссылку с синим цветом, как исправить?

AleninD, у меня вот так работает на телефоне:
Почему на iphone автоматический не начинается играть видео?

В IOS Safari телефон преобразует текст в кликабельную ссылку с синим цветом, как исправить?

AleninD, да, в Safari пока только.

Тогда пишу ответ, чтобы не висело.

В IOS Safari телефон преобразует текст в кликабельную ссылку с синим цветом, как исправить?

Какая ссылка? Пришлите нормально.

1. Если это телефон и т. п. — вот:
В браузере Safari появляются ссылки в верстке, хотя их нет, как исправить?

2. Отдельно и только для iOS можно так стили обособить хаком:

@supports (-webkit-overflow-scrolling: touch) {
  /* код тут будет работать только в iOS Safari */
}

А вообще, проблемы с цветом ссылок у данного браузера нет. Пришлите код.

По какой причине может не применяться скачанный локальный шрифт?

А зачем вы подключаете SVG-файл шрифта, когда шрифты этого формата признаны устаревшими. И поддержка оных есть только в Safari (и её планируют выпилить в следующей версии).

Нужно 3 формата — TTF, WOFF, WOFF2. Эти форматы покрывают всё браузеры. А браузер всё равно выберет и скачает только тот, что он поддерживает, т. е. он скачает только один файл.

Какая есть бесплатная программа для обтравки фото?

Gimp, Paint.NET.

Контекстное меню для тач экранов?

Три точки гораздо понятнее, чем свайп строки, как в приложениях почтовых клиентов и мобильной версии «Яндекс.Маркета».

На мой взгляд, конечно же. Или же выпадающее меню при нажатии на строку тоже сойдёт. Опять же — на мой взгляд.

Готовых решений не видел, делал такое сам по заданию партии. С моим косым уровнем JS заняло один день + HammerJS.

IMG не подстраивается под ширину окна браузера?

BenderIsGreat34, я обновил свой пример выше, сделал два компонента (сетка + карточка):


Так же вы можете изучить ваш код, поправленный мной, чтобы понять причину:

IMG не подстраивается под ширину окна браузера?

BenderIsGreat34, не знаю, может, он просто неаккуратный на мой взгляд. Но ладно, вы пока думайте, что да как у вас, но вот вам мой вариант с блоком-ссылкой и текстами при наведении:

IMG не подстраивается под ширину окна браузера?

BenderIsGreat34, просто у вас код косой довольно и слишком усложненный. Плюс, нейминг классов неверный (почему обертка сетки имеет класс .cards-item?):


И что мешало вам ваш код в песочницу изначально поместить, я же не должен был это делать за вас.