Кирилл Жулин

виндовс не причем))
всему виной браузер) они скорее всего разной версии))
виндовс не как не может влиять на сайт)
я тож занимался адаптацией, у всех браузеров свои видения ксс

чтобы увеличить место удали это:
body {
width: 100%;
padding-left: 50px;
padding-right: 150px;
это я понял с твоего вопроса)))
а изображение лучше поместить в отдельный блок можно и див, в ксс можно задать размер и так далее

Рассказываю:
данный сервис проверяет сколько загружается главная страница а так же весь контент сайта)
поэтому и 90+ секунд

тут не li надо а таблицу) так будет легче) меньше багов будет и потраченных нервов
с li седена пойдет )) при создании такой таблицы матчей
примеры :
https://html5book.ru/krasivoe-oformlenie-tablic/
getinstance.info/articles/css/responsive-tables-in...
https://habrahabr.ru/post/149742/
https://webformyself.com/5-moshhnyx-texnik-adaptiv...

а может бог с ним ))) вот неплохой вариант) просто фото поменять))
https://tympanus.net/codrops/2014/06/19/ideas-for-...

Рассказываю:

<div>
	<div><label id="10">хрень 1-1</label><input id="1" type="radio"><label id="20">хрень 1-2</label><input id="20" type="radio"><label id="30">хрень 1-3</label><input id="30" type="radio"></div>
	<div><label id="11">хрень 2-1</label><input id="11" type="radio"><label id="21">хрень 2-2</label><input id="21" type="radio"><label id="31">хрень 2-3</label><input id="31" type="radio"></div>
	<div><label id="12">хрень 3-1</label><input id="12" type="radio"><label id="22">хрень 3-2</label><input id="22" type="radio"><label id="32">хрень 3-3</label><input id="32" type="radio"></div>
</div>

div - вообще заменить надо на конструкцию

<ul>
<li></li>
<li></li>
<li></li>
</ul>
будет вообще прекрасно)))
хотя кому как нравится; с li меньше кода в css)))

+ css :
xozblog.ru/2012/10/checkbox-radio-css3
cssdeck.com/labs/sliding-radio-button-menu (не показывает пример но рабочее)
а это полезно shpargalkablog.ru/2013/08/checked.html

Адаптивный дизайн это хорошо))
использовать плагины для создание блоков это глупо)
почему?
ответ: они занимают лишнее место время загрузки сайта а также подключение к страничке)
для изменение блока в зависимости от окна браузера использовать нужно:
max-widht: ....%;
для изменения блока в зависимости от количества информации:
max-height: ....%;

Ваш вариант не самый лучший потому что подключается js а это лишние подключение и время на загрузку файла
+ предоставленный вами вариант очень сложный (при изменении размеров возможны ошибки и баги)
!!кирпичные блоки самый лучший вариант
вот оптимальный пример:
dbmast.ru/adaptivnye-html-bloki-v-vide-kirpichnoj-...
jsfiddle.net/driver/v9ub0x2z

можно так ))

S-код:

* {
  margin: 0;
  padding: 0;
}
html,
body {
  height: 100%;
}
.wrapper {
  position: relative;
  min-height: 100%;
}
.content {
  padding-bottom: 90px;
}
.footer {
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 100%;
  max-height: 10%;
}
.footer:hover{
height:  15%;
}

нет нельзя.
конечную стоимость товара нужно указывать в базе данных
возможно скрыть html(от тупых) через .htaccess
www.blogerator.org/page/fajl-primery-htaccess-redi...

margin-bottom:....px;

интересно)))
ну можешь по выставлять высоту на 100% и overlov: hidem(мог ошибиться орфографически)
а так все у тебЯ там норм

Сложно сказать! Только такие варианты есть :
Посмотреть фаил .htaccess и там выставить utf8 без бум
в mysql посмотреть нет ли сравнения таблицы с другим форматом
или попробуй написать UTF-8 -> UTF8