quramolt

Android Browser, начиная с 5 версии Android поменян на Chrome for Android
А для него вот инструкция - https://developers.google.com/web/tools/chrome-dev...

А вот статистика по использованию моб. браузеров - gs.statcounter.com/browser-market-share/mobile/rus... , Android Browser уже отъезжает

Что за свойство, кстати?

https://ru.bem.info/methodology/css - если уж на то пошло, то БЭМ стал менее строгим и теперь там даже допускается каскад.

Но я бы сделал какой-нибудь модификатор in-header, т.к. я бы быстрее всего вспомнил, что имел ввиду.

https://ru.bem.info/methodology/block-modification/ - а вот здесь ответы на твой вопрос.

Если это иконка, то её в background можно запихать. img - для осмысленных контентных изображений

1. Сюда выкладывай. Кто-нибудь да посмотрит:) Ещё есть htmlforum.io
2. В гугле ещё вбей "чеклист верстки". Тоже полезную инфу выдаст.

Дело не только в таблице. Если закрытую ещё можно разместить на мобильном экране, то при клике на строку открывается много разной информации, как уже замечено, сложной.
В общем, для мобильных я бы подумал об отдельном дизайне/разметке.

ЗЫ. Выглядит, кстати, круто и красиво для такого технического сайта!

Ну для того, чтобы узнать, что такоё вёрстка и т.д. - норм книга
Для любого следующего шага - книгу отложить и начинать гуглить инфу по ключевым словам

ЗЫ. Зачем вообще цепляться к одной книге? Сейчас информации о фронтэнде просто горы

Мне кажется так, как в примере на jsfiddle, - делать вообще неверно. Потому что псевдоклассы в основном используются для стилизации, а не для важного контента. Ссылка "Новости" - определенно важный элемент страницы

То, что вы хотите сделать, можно решить несколькими способами:

1. Вот, например вариант с использованием одинаковых паддингов
Codepen

2. Ещё вариант c установкой height = line-height
Codepen
Тут, кстати, высота списка действительно будет 80 пикселей.

3. И вот неплохая статья по поводу многих способов центрирования centering-css-complete-guide по-русски

4. А ещё можно про flexbox`ы почитать

Могу предложить вариант с изменением для тэга img в вашей вёрстке height:100% и добавлением width:100%;
Ссылка на JSbin

Но понятно, что таким образом, картинки будут масштабироваться соот-м образом. Возможно, вы этого и хотите?