SpaceWayfarer

<a class="b"><span class="b__i">Lorem ipsum</span></a>
<a class="b"><span class="b__i">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span></a>
<a class="b"><span class="b__i">Lorem ipsum dolor sit amet</span></a>

.b {
    max-width: 200px;
    height: 50px;
    padding: 0 20px;
    font-size: 0;
    line-height: 50px;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
}

.b__i {
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

А какие у вас цели?
Если хотите работать на хорошую компанию, то лучше смотреть по вакансиям, например, тут.
Я считаю что это — минимум, но целится лучше на что-то такое или выше.
В плане порядка изучения советую поступать таким образом("книгу" можно заменять на "сайт" или "документацию"):
1) прочитали книгу по CSS+HTML, сверстали несложный сайт
2) прочитали еще одну книгу по CSS+HTML , сверстали что-то посложнее
3) та же история с JavaScript, первая книга — выполняете упражнения, потом пишете что-то несложное, потом читаете другие книги в стиле best practices. Вот вам список книг и навыков, которые требуют от студентов в одной из фирм.
4) изучаете "плюшки", тут лично мои предпочтения: JQuery, SCSS, Jade, ES6, gulp, InternJS, BackboneJS. Тут все изучается по документациям, хотя книг по JQuery тоже много.
5) можете зацепить backend и NodeJS если вам интересно, минимум — понимать что и как там происходит, почитать про RESTful и MVC на серверах
6) базовые понимания и знания дизайна и сопутствующего софта
—> дальше пункты которые касаются слова "Хороший"
7) поиграться с 2D-3D графикой, анимациями и разными библиотеками с ней связанными
8) совершенствовать свои навыки во всех пунктах выше(оптимизация, best practices), изучать самые интересные решения на разных сайтах, интересоваться всем новым и много практиковаться

Откройте ваш layout (Например: application.html.erb)
Если там есть такая строчка:

<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>

то используется turbolinks.
Штука очень интересная, но нужно с ней обращаться. Если уберете турболики, то ваш код будет работать на каждой странице.
Почему код не работает с turbolinks? Эта штука загружает css и js только один раз, при первом открытии страницы. При переходе на другую, файлы не загружаются снова. Это дает прирост производительности, но нужно менять код для работы с turbolinks. Поэтому бегом детально изучать документацию https://github.com/rails/turbolinks!