Как получить имя класса html-тега с помощью js(можно и jquery)?

Никита Братский,
Алгоритм:
1. Кнопкам задавайте разные id.
2. Этим же кнопкам задавайте одинаковые классы.
3. В js обращайтесь к кнопкам через класс.
4. id фотки передавайте в data- атрибут

Как проиграть анимацию внутри блока, при его появлении (opacity, display)?

MeMoJlor, добавляете класс при открытии и ему добавляете анимацию. Но только тех свойств, которые вообще анимируются.
https://jsfiddle.net/46rg1wyb/

Почему не работает js код?

skripter, сложно сказать как он вообще может где-то не работать. Раз уж без color работает.

Как получить имя класса html-тега с помощью js(можно и jquery)?

Никита Братский, в смысле "не представляется возможным"?
Задавать разные id, а к кнопкам обращаться по классам?
Ну наймите того, для кого это возможно :)

Зачем имя класса-то, кстати?

Как получить имя класса html-тега с помощью js(можно и jquery)?

Суть такова, что в каждой строке есть кнопка с одним и тем же айдишником,

Суть айдишника такова, что он должен быть уникальным... в отличие от класса.

Почему не работает js код?

skripter, да вроде работает всё https://jsfiddle.net/rmt69gxe/
Сотворите песочницу с видимой проблемой

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

Я как-то замечал, что сайты с поддоменом m. выдаются повыше в поиске, и если это была не случайность,

Логично. Мобильная версия проще, а значит доля полезного контента выше => выше в поиске. Пока не склеятся.

Как задать адаптивную высоту блока?

Использовать css grid и min-content.
Вместо fixed'ов.
Либо считайте на js.

Не корректно работает вместе overflow hidden + border radius?

Вообще не понятно зачем там overflow hidden использовать. Сверстайте нормально без него.

Как игнорировать значение родителя в css?

Не знаю, зачем вы звали эксперта для такого вопроса, но вариант Кирилла в комментарии выше - верный.

Как задать градиент блоку так чтобы другой блок c span через transparent унаследовать часть градиента?

А мне нравится :)

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

Как правильно коммитить?

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

Вариантов несколько
1. Вместо fixed использовать sticky
2. Первому блоку после фиксированного задать margin-top, равный высоте фикс блока.
Минус этого варианта очевиден: если высота по каким-то причинам изменится - будет нехорошо.
3. На js выяснять высоту фикс блока и задавать полученную величину для отступа.

Как задать градиент блоку так чтобы другой блок c span через transparent унаследовать часть градиента?

clip-path
Либо вместо градиента делать сплошной цвет для каждого элементика.

Как сверстать такую сетку?

Барбарис, а вот это было обидно

интересно в осле будет работать!?

В таком виде нет.
Нужно явно прописывать grid-row-start и -end

Как сверстать такую сетку?

Барбарис, флексами много неудобств:
1. Вам придется задавать фикс высоту контейнеру.
2. Не удобно считать отступы. Вы задаете margin-bottom 2%, но процент при этом считается от ширины родителя

Если дорабатывать флексами, то нужно просто задать высоту дочерним. Типа 50% и 33%, только с учетом отсупов.

=> гридами проще.

https://jsfiddle.net/b51qvpL6/
тут строки все одного размера, отредактируйте как нужно

Как сверстать такую сетку?

Грид.
6 строчек, 3 столбца.
Всё.

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

Как изменять положение элемента в зависимости от размера экрана transform-translate?

ddgrgrv, можно все фантазии сразу озвучивать?
Но да, можно, пишете js, который будет по формуле вашей траектории считать координаты.

Как задать Css медиа запросы только для iphone?

ArtJH, почитайте https://css-tricks.com/the-trick-to-viewport-units...

Как задать Css медиа запросы только для iphone?

Расскажите-ка сначала зачем.