Лариса

костыльное решение проблемы

.table__link  {
 line-height: 88px;  
}

так как у нас высота вычисляется у ячейки на лету с постоянным перерасчетом, то это костыль
но ничего другого придумать не удается(

@media screen and (min-width: 640px) and (max-width: 1024px) {
    .class {
     }
}

Winless запускаю параллельно с WebStorm, предварительно сказав какие файлы компилировать и куда сохранять css
Работаете в редакторе в файле .less, при его сохранении автоматически создается и компилируется файл .css
Сайт продукта на русском о самой программе максимально подробно

Возможно будет полезно в этой задаче использовать для этого bootstrap

Переопределение колонок

Очень просто )

Возможный вариант проблемы адреса https://gritsenko-vlad.github.io/img/email.png

если репазиторий img и в нем лежат картинки, то надо в настройках этого репазитория открыть GitHub pages



картинки станут видимы

т.к. у вас авторизация на GitHub gritsenko-vlad этот путь и идет в адрес картинок

Может эта страница Вам поможет

<div<?=$this->m_show_submenu?' 
style="float:left;"  // кавычки стиля закрылись
@media screen and (min-width:995px) {style="width: 635px; margin: 5px 0px 0px 85px;"}':''?>

media screen не может идти вне style=""

<span id=test>
 Привет
</span >
тег может быть любым, по ID будет произведена перезапись
JavaScript и все)

<script>
test.innerHTML = "Новый текст";
</script>

На LESS вот такой вариант можно использовать Посмотреть в редакторе

<i class="icon icon-first"></i>
<i class="icon icon-second"></i>

.icon {  
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  
  &&-first {    
  background: url('icon-url.gif');
  }
  &&-second { 
  background: url('icon-url-2.gif');
  } 
}

@path-img: "/images";

background-image: url("@{path-img}/name.gif");