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

Если будут идеи, я напишу. Пока это дело не видится нормально решаемым.

Flexbox расположение блоков?

Неправильно делаете.

Картинка и текст должны быть в одном блоке, тогда вы можете точно хоть относительно, хоть абсолютно позиционировать текстовые блоки относительно одной строки. Пустое место не надо делать блоками. Сойдёт разбивка на проценты двух колонок в одном блоке (текст + картинка). Calc() вам в помощь.

Чередование делаете с помощью :nth-child(even).

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

drveb1, какой код? Шорткод WordPress'a? Зачем нам код шорткода, когда мы не видим, какой HTML-код он возвращает? Более того, никто не видит, какой CSS у всего этого.

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

Код? Ссылка?

Как можно реализовать такое меню?

Swiper.

Owl Slider.

Slick Slider.

GlideJS.

Выбирайте любой слайдер по вкусу.

Есть ли инструмент, где можно быстро изменить имена классов, id, имен в html/css?

Полнотекстовой поиск с заменой по папке?

Почему не отображаются картинки на мобильных устройствах?

Не скинули кода — не ждите нормального ответа.

Как грамотно создать сайт с 0?

Делайте выбор с сторону CMS — это точно. Тот же WordPress или ещё что-нибудь в этом духе.

Что происходит со шрифтом на сайте и в photoshop?

Арсений Матыцин, браузер их рендерит в обход встроенного в ОС алгоритма рендеринга шрифтов, что ли. Где-то было сравнение: у SVG-шрифта значительно мягче края выходят.

Что происходит со шрифтом на сайте и в photoshop?

Арсений Матыцин, по идее, у SVG-шрифта рендеринг должен быть мягче, у него нет тех свойств, что у OTF/TTF.

Но он весит очень много + уверен, что производительность будет хреновой, если много текста.

Что происходит со шрифтом на сайте и в photoshop?

qqignatqq, типа вот:
кликайте

Что происходит со шрифтом на сайте и в photoshop?

qqignatqq, тогда предлагаю смириться, либо плясать вот с таким свойствами:

-webkit-text-stroke: 0.4px rgba(0, 0, 0, 0.1); /* Влияет на рендеринг сильно, аккуратнее с этим свойством */
text-shadow: #fff 0px 1px 1px; /* Да, LOL, оно тоже влияет на рендеринг */
 text-rendering: optimizeLegibility; /* Так и не понял результат работы  вот этого */

Что происходит со шрифтом на сайте и в photoshop?

Преимущества SVG-шрифтов пока что недоказуемы, к сожалению, т. к. они поддерживаются только в Safari.

P. S. Google Gonts грузит WOFF2 как в Chrome, так и в Safari.

Что происходит со шрифтом на сайте и в photoshop?

qqignatqq, более того, данные свойства в Chrome не могут ничего не менять, смотрите сами:
анимация включения свойства

Что происходит со шрифтом на сайте и в photoshop?

Ссылку в студию. Других свойств для контроля сглаживания в CSS нет.

Что происходит со шрифтом на сайте и в photoshop?

Вот это добавьте в body или *

-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

Немного исправит ситуацию.

Что происходит со шрифтом на сайте и в photoshop?

Добро пожаловать в разницу рендеринга шрифтов в браузерах, ОС и в Photoshop.

С каких версий браузеров начинать тестировать кроссбраузерность?

Сергей delphinpro, нет, только указанные выше. У меня есть ноутбук, он специально для этого предназначен + проверка на хреновый экран. Ещё есть виртуальная машина с Chrome 60.

Делаю всё в последних версиях Chrome и Firefox, потом планомерно проверяю во всех этих браузерах. Просто сразу делаю с учётом знакомых мне проблем.

Как правильно выровнять блоки в три ряда css html?

Ещё один «скрипт для вебмастера». Откуда они вообще все вылезли?

Взломали мой сайт .А там код.Что это?

Азат Киберов, прикольно. Какая-то левая поделка безумных «веб-мастеров», которые могли эксплойты оставить в каждом куске кода. Так что удивительного тут мало, к сожалению.