много дивов без классов?

автогенерация и отсутствие семантики

хуже только учиться на проектах гугла

Существует. Как не надо делать - единственный способ обучения, который я знаю

ну ты не поймёшь, как не надо делать, пока не поймёшь, что так делать не надо

Так тебе надо на грабли наступить. А как надо делать на самом деле не знает никто потому что этого правильного варианта в этот конкретный момент времени не существует

дык

здравствуйте, можете посоветовать литературу/источники для эффективного изучения html и css?

чуть выше почитай

MDN

и эрик мейер the definitive guide

Никто и не спорит)

Одна из причин, почему Vue.JS мне более сипатичен)

как сделать такой блок ? подскажите правильный подход

вьюшники тоже горазды, когда устают от своего птичьего языка

просто реакта подавляюще больше, рассматривайте это как все

Я обычно так свой процесс освоения технологией строю:
1. Читаю getting started, начинаем сразу делать
2. Понимаю, что сделанное не работает когда надо чуть out of the box сделать, иду на mdn/w3c (я люблю первый, во втором интерфейс неудобный)
3. Пробую сделать по доке, понимаю, что это не работает в силу  недостаточного понимания прочитанного (как оно работает и почему станет понятно только с опытом)
4. Иду на стековерфлоу, ищу ответ, возможно читаю то, что по ссылке в ответе (на связные разделы документации, например), делаю так, чтобы получилось
5. Делаю много-много раз шаги 2,3,4 по ходу появления проблем.
6.  Читаю спеку если интересно

так вообще мало кто делает семантично и доступно сайты, вне зависимости от либ и фреймворков
мало кто хочет и еще меньше тех кто умеет

я рассматриваю семантичность как моё личное удобство