Не знаю, что за однострочные текстовые блоки, но всегда думайте о том, что одна строка может легко стать и многострочной из-за адаптивности сайта или из-за того, что редактор написал больше, чем вы планировали.
Я делал так: при клике добавлял класс на этот элемент и в скрипте проверял существует ли этот класс и если нет, то выполнял действие. После того как действие закончилось, этот класс удаляется.
В настройках репозитория есть блок GitHub Pages. Там есть параметр Sourse, который указывает как загружать ваш сайт. И это либо из корня, либо из папки docs.
Отвечая на ваш вопрос, никак. Вам нужно переименовать папку build в docs.
В теории так: определяете через js нужный браузер, вешаете класс на body (например, .chrome), а затем в css пишите правила, ориентируясь на этот класс (типа, .chrome a { color: #f0f; })
1. device-pixel-ratio — плотность пикселей. Если вкратце, то использовать это можно лишь при необходимости. В основном пригождается для картинок, чтобы они выглядели четкими.
2. Посмотрите как реализованы контрольные точки в Бутстрапе, в большинстве случаев их достаточно. Т. е. реализуется не под бренд, а просто под ширину экрана.
