Есть годные ресурсы по генерации градиентов и теней?

JohnDoe116, с помощью ваших рук. можете воспользоваться экспортом CSS-кода из Illustrator или Figma или Sketch.

Как правильно наложить изображение?

1-й слой — градиент.
2-й слой — большой заголовок.
3-й слой — горы.
4-й слой — текстовой блок да мужик.

Как сделать плавное изменение блоков при изменении ширины экрана?

Это используются либо, плагины либо библиотеки. Тупо transition тут не поможет.

Можете использовать, к примеру, GSAP для этих задач. Или Isotope там какой-нибудь, у них есть эта функция. То есть, нужен JS.

Как применить стиль только к заголовку в таблице?

imran1395, не за что, изучайте селекторы, это просто.

Почему изменился мобильный стиль при нажатии?

Сергей, нет. Прочитайте мой комментарий выше. И примеры в песочнице.

Вы использовали устаревший max-device-width, который работает только, когда браузер отдаёт мобильный заголовок (мобильный телефон или режим эмуляции телефона в режиме разработки). Поэтому и стили применялись только на телефонах.

Как применить стиль только к заголовку в таблице?

imran1395,

table h2 {
   font-size: 30px;
}

Проблема с тегом h1?

tendkuh, LOL, прикольно, можно себе рейтинг набить. Но я не буду этого делать, иначе нечестно.

Проблема с тегом h1?

tendkuh, вообще-то, нет.

P. S. Нифига себе, так можно делать, оказывается.

Проблема с тегом h1?

Strimaxart, всё нормально. Если ответ подошёл, отметьте его как решение.

Проблема с тегом h1?

Если так критично, то отрицательный margin с em вас спасёт:
https://stackoverflow.com/questions/28809771/left-...

Проблема с тегом h1?

Внутренний размер буквы. Прописано в шрифте при его разработке, это нормально.

Возможно ли запретить прокрутку в iOS Safari с сохранением текущего положения?

RAX7, привет!

Можешь написать мне в Telegram?
https://telegram.me/cesarka

У меня есть несколько важных вопросов, LOL.

Кнопки переключения табов это a или button?

Марти Макфлай, чтобы пользователи понимали, что это ссылка, а так — без разницы. Чисто функционально — это ссылка. Функционально-визуально — кнопка. Обычно в таком случае используют тег a, ибо переход на другую страницу.

Табы тут у вас в качестве мини-меню со ссылками.

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

Кнопки переключения табов это a или button?

Добавьте style="cursor: pointer;" — и все проблемы отпадут.

Wordpress: почему не работает адаптивная верстка с кэшированием?

Прикольное кеширование, у вас адаптивность или разные версии? Судя по всему, второе.

Как сделать булеты справа для не пронумерованных списков?

Забыли только переназначить выравнивание текста внутри li, чтобы текст был слева, маркеры — справа + можно без обёртки, а сразу на ul поставить направление:

Как сделать булеты справа для не пронумерованных списков?

Либо хаком нашёл выход:
https://css-tricks.com/forums/topic/aligning-list-...

Как сделать булеты справа для не пронумерованных списков?

Псевдоэлементы.

Почему изменился мобильный стиль при нажатии?

UPDATE. Мой комментарий выше был неверный. Ниже правильный.

Александр Цымбал, тут в итоге несколько иное.

Сергей, вы использовали media-запрос max-device-width, у него другой алгоритм работы, он не работает на десктопах, только на мобильных устройствах, поэтому и работали ваши стили только на телефонах и в режиме адаптивности инструментом разработчика:
https://stackoverflow.com/questions/18500836/shoul...

Поэтому лучше использовать просто max-width, если вы строите адаптивный сайт:


Использование max-device-width и похожих не очень хорошая идея, т. к. оно считается устаревшим + алгоритм его работы так себе, вот тут список устаревших:
https://drafts.csswg.org/mediaqueries-4/#mf-deprecated

И не забывайте про мета-тег:

<meta name="viewport" content="width=device-width, initial-scale=1">

Но даже без него (мета-тега) будет работать, если верные media-запросы использовать:

Почему изменился мобильный стиль при нажатии?

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

Это нужно делать, если проблемный код находится только локально или же по какой-то причине вы не можете прислать ссылку на проект.

В вашем же случае, спасибо, вы уже прислали ссылку, поэтому песочница уже не нужна.