Руслан Полин

.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 разбирайтесь.

Попробуйте заменить mysqli_fetch_array на mysqli_fetch_assoc . Первый имеет свойство дублировать данные.

Не вижу точек с запятыми.

if( !$_SESSION['logged_user']) {
    echo $login_r;
} else { 
    echo $parea;
}

Например использовать медиа запросы, не?
jsfiddle

Результат всего, что перечислили выше: jsfiddle

Можно вот так:

SELECT s.server_name FROM mod_name m LEFT OUTER JOIN(
    SELECT m_mod, m_serv FROM server_mod
) q ON q.m_mod = mod_id 
LEFT OUTER JOIN(
    SELECT server_id, server_name FROM servers
) s ON s.server_id = q.m_serv WHERE mod_id = 5

sqlfiddle

Вот этот видимо: Lust Slim
А вот результат поиска: Тык
По поводу аналога не знаю, надо искать. Но мне не попадался тем более Кириллица.)

Попробуйте так, если я правильно вас понял.

$this.on('click',function(e) {
  console.log(e.target); //или console.log(e.currentTarget);
});

отправлять лучше вот так, тогда никаких проблем не будет:

let value = $(element).serialize();

$.ajax({
url: "/public/php/create-app.php",
type: "POST",
data: value,
success: function(data) {
if (data) {
//location.reload();
} else {

}
}
});

И на php

if(isset($_POST['app-name']){
\\..ваш код.
}

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

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


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

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


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

Что-то мало данных, а ещё они двоятся почему-то.
Давай вот так попробуем делать:

<?php
$shablon = mysqli_query($connection, "SELECT * FROM `videos` WHERE "); 
while($vidos = mysqli_fetch_assoc($shablon)){
?>
       <ul> 
            <li> 
        <div class="videos_image"> 
            <a href="shablon.php?id=<?php echo $v['id']; ?>"><img  src="/media/images/<?php echo $v['img']?>" width="250" height="180"  alt="<?php echo $v['title']?>" /></a>
            <div id="videos_image">
              <img src="/media/views.png" id="views" />
              <span class="videos_views"><?php echo $vidos['views'] ?></span>
            </div>
        </div> 
         <?php 
                if (empty($videos)) die('В базе нет никаких картинок или запрос кривой'); 
              ?> 
        <div class="videos_title"> 
          <span class="title_alt"><?php echo mb_substr($v['title'], 0, 26, 'utf-8') . '...';?> </span>
        </div>
            </li> 
          </ul> 
<?}?>