Beliyadm

на js
location.reload();

https://developer.mozilla.org/ru/docs/Web/CSS/Medi...

Hover не работает из-за того, что иконка находится рядом с тегом <a>. А должна быть внутри.

<div class="previewLinks">
    <div class="previewLinks1">
        <!-- Неправильно -->
        <i class="far fa-star"></i><a href="#">Рейтинги</a>участников
        <!-- Правильно -->
        <a href="#"><i class="far fa-star"></i> Рейтинги</a> участников
    </div>
</div>

Нет конечно, к кукам медиа запросы не имеют никакого отношения, и никакой информации собирать не могут. Они лишь подстраивают html страницу под ширину окна (экрана). И всё.

html:

<button class="mybutton">
  <span class="mobile">Узнать больше</span>
  <span class="desktop">Заказать сейчас</span>
<button>

css:

@media (max-width: 767px) {
  .mybutton .desktop {
    display: none;
  }
}
@media (min-width: 768px) {
  .mybutton .mobile {
    display: none;
  }
}

#temp img {
/*css code*/
}

.img{
		position: relative;
		margin: 0 15px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		width: 70px;
		height: 70px;
}

.img:before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		border: 2px solid #fff;
}

написать вместо "i" "l" (большую "I") меньшим шрифтом и абсолютом добавить точку

Один из вариантов:

Заходим на themeforest --> открываем популярные сайты --> открываем панель разработчика (F12) и смотрим каждый блок, каждый стиль, что где подключено, как работает.

Можно еще найти сайты без минифицированных стилей и скриптов, значит можно полностью открыть файл и просмотреть его. Например первый популярный --> saasland/home-mail.html