Beliyadm

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

Используем php.net/manual/ru/function.explode.php
полученный массив используем уже для вывода инфы.

Но это сработает если порядок поля "properties" всегда одинаковый.(Бренд ,Производитель Страна)
Если порядок всегда разный, то увы. Еще сверху надо подключать регулярки.
Что не очень хорошо запускать все это при каждом запросе.
Лучше сразу регуляркой все рассортировать по нужным полям.

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

А пользователю просто надо загрузить листочек другой стороной.

Вы правда думаете, что размер шрифта должен зависеть от ширины вьюпорта?
Очень рад, что мне не попадались ваши проекты.

В Chrome: f12, вкладка network

Хранить время запуска в отдельной таблице.