Как поправить сайт?

Question

[squirtazzer]

z-mesta.com
У меня дома,на работе,у друзей,на 5 -8 компьютерах,маке,телефоне,айпаде,всех устройствах сайт отображается корректно,у клиента,и как он сказал еще 10 человек сайт отображается криво. А именно,все плывет.
Как отображается у меня https://hkar.ru/QDwJ
Как отображается у клиента https://hkar.ru/QDwK
Как отображается у меня https://hkar.ru/QDwL
Как отображается у клиента https://hkar.ru/QDwM
Браузер у них хром. В чем может быть проблема?:

Comments

[gleendo]

при изменение ширины, текст "выпадает" из блока.
Уберите фиксированное значение высоты у этих блоков.

[squirtazzer]

iamevg_, если вы говорите про масштаб старницы,то я проверял не в этом проблема.

.services2 {
  display: flex;
  justify-content: space-between;
   
   
  
}

.service-item2 {
  position: relative;
  
  width: 30%; /* Ширина первого слоя */
  height: 985px;
  padding: 10px; /* Поля вокруг текста */
  background: #fff; /* Цвет фона */
  border:1px solid #53c1ef;
  
 
}

.service-item2::before {
  content:"\f005";
  font-family: 'FontAwesome';
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #53c1ef;
  border-radius: 0 0 50% 0;
}
.star-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #53c1ef;
  border-radius: 0 0 50% 0;
}



@media(max-width: 768px){ .services2 { display: block; } .service-item2 { width: 100%; margin-bottom: 20px; } }

Вот единственный код который я вносил в ксс.что здесь поправить

[gleendo]

.service-item2 {
  height: ... // Уберите данное свойство
}

[squirtazzer]

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

[gleendo]

squirtazzer, к тому же вам бы изменить верстку на меньших экранах. Смотреть на длинные столбцы 2 слова в ширину не самое приятное. При такой раскладке, текст будет и с боков вылезать.

[gleendo]

squirtazzer, на ipad pro

[squirtazzer]

iamevg_, как это поправить?

[gleendo]

squirtazzer, медиа запросы. Точно также перестраивайте как на других размерах ширины

[squirtazzer]

iamevg_, можете прислать код ксс?просто этот кож не я писал.

[gleendo]

squirtazzer, а вы думаете я его писал?
В чем проблема написать еще один медиа запрос?

[squirtazzer]

в том что я не знаю как это сделать.знал бы вопросов не было.мои знания ограничиваются в купить шаблон и залить его на сайт.код что я применял для колонок мне тут прислали

[Ankhena]

iamevg_,

В чем проблема написать еще один медиа запрос?

А вы другие вопросы посмотрите, все станет понятно.

[gleendo]

squirtazzer и при таком раскладе у вас еще и клиенты есть?

[squirtazzer]

iamevg_, ок спасибо, за помощь

Answer 1

[Вадим Кот]

Сайт тупит нещадно page speed insights выдает 0/100 для мобил https://developers.google.com/speed/pagespeed/insi... и 0/100 для дестктопов https://developers.google.com/speed/pagespeed/insi...
По поводу вопроса, то вы сделали неадаптивную верстку, вот она и плывет.

Comments

[squirtazzer]

да я ничего не делал в том то и дело)купили шаблон проверили на всех устройствах все ок.тот код который плывет тут прислали.как это поправить не знаю

[one_day]

проблема может быть в ctrl+F5