Руслан Полин

.list .line {
    position: absolute;
    width: 20px;
    left: 0;
    height: 3px;
    background: #009D49;
    bottom: 0;
}

.list {
    white-space: nowrap;
    padding: 10px 0;
}

Обернуть заголовки в дополнительный блок и скрывать его если ширина экрана, например, 600.

<li class="choose active">
   <div class="icon active">
      <svg viewBox="0 0 32 32">
        <g filter="">
           <use xlink:href="#shopping-cart"></use>
         </g>
       </svg>
      </div>
     <span class="block"> Choose </span>
    </li>

@media screen and  (max-width: 600px) {
  .block{
   display:none;
  }
}

Гуглите Timeline или вот пример codepen разбирайтесь.

Во-первых, сейчас он у вас двухцветный: красно - оранжевый. Во-вторых, непонятно как он сделан, может это border у элемента с линейным градиентом. В-третьих, color в css задает цвет тексту, а не элементу. Если бы вы использовали иконочный шрифт для этого, то это бы сработало, а так - нет.

Скидывайте все стили для прелоадера и разметку, тогда можно что-то подсказать. Так вряд ли.


Почему вы тут поменяли цвет для прелоадера, частично:

А тут вообще забили на это?


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

masonry только на js видимо.)

Всё потому что, надо расставлять правильный z-index
jsfiddle

Это связанно с тем, что ваш скрипт не успевает подгрузится и скрыть блок. Повторю то, что сказал в комментарии. Может стоит проставить display:none, а не скрывать его с помощью jquery?

Если сами не можете, то воспользуйтесь генератором теней: тык-тык

Ну как вариант Brackets, к сожалению он интегрируется в хром и выводит изменения непосредственно в браузер.
UPD:

Вам может подойти Visual Studio Code. И плагин к нему html-previewer но он не поддерживает работу с js.

Так же вам может подойти Atom и его аналогичный плагин html-preview , но я не уверен, что он поддерживает всё что нужно для работы..

jsfiddle cмотрите внимательнее на разметку.

Я не знаю как, но у меня заработало. Хотя, кто знает, может только у меня. jsfiddle
а вот с вашим кодом jsfiddle
Кстати, они в примере тоже используют медиа запросы.

вот так как-то можно
а вот и сама библиотека

используйте лейблы вместо плейсхолдеров
вот вам наипростейший пример https://jsfiddle.net/q69xvv6p/
можете применять к нему любые эффекты.