wasiliev96

Включаю в браузере эмулятор мобайла - и всю верстку веду в нем. Затем растягиваю до планшета - раскидываю элементы по местам, растягиваю до десктопа - повторить п.2.
Поначалу дико, но потом понимаешь, что костылей при таком подходе нужно гораздо меньше и код получается более лаконичным.

Создать отдельный класс

.img-transition-enabled{
transition: all 1s linear 0s;
}

и подключать его к элементу до старта анимации(при наведении на кнопку запуска анимации, например).

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

Зачем усложнять. У вас список - верстайте списком.
Затем ставите:

ul.mylist{
columns: 2;
}

... и будет вам счастье. Поддержка IE10+

Меня вполне устраивает Google Books. Не жрет много, книги доступны с любого девайса, хорошая оптимизация, нет лишних наворотов. Качаешь, заливаешь в свою библиотеку - и наслаждаешься.

Как-то так. Свойство flex: 1 для ul li и фиксированная высота для самого верхнего списка.
https://codepen.io/wasiliev96/pen/QWwdaRr?editors=1100