Как сделать карусель только при экране 320px?

Тимур, просто блок с кнопками и текстом, если это не часть отдельных слайдов. Я не знаю, какой функционал они собой несут. По картинке недостаточно понятно.

Как сделать карусель только при экране 320px?

Swiper JS.

Почему не отображается псевдоэлемент befor?

jupyter, LOLOLOL, ну слава Богу :))

Отметьте человеку и этот ответ как решение, он тоже правильно написал ведь.

Как отобразить таблицу в 1000 строк как можно быстрее?

table-layout: fixed;

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

А вообще, с таким количеством строк неудивительно, что оно тормозит. Навряд ли вы это исправите, если в DOM будут все 1000 строк одновременно. Только AJAX-пагинация вас спасёт.

Таблицы в целом медленные. Ещё на заре цивилизации их перестали использовать для той же разметки в т. ч. и по этой причине (ну и плюс они нифига не гибкие).

Почему не отображается псевдоэлемент befor?

jupyter, таки разобрались?

Почему не отображается псевдоэлемент befor?

jupyter, ну тогда проверяйте ваш SCSS-исходник. Или сюда его пришлите.

Почему не отображается псевдоэлемент befor?

jupyter, прошу:

.wrapper {
  margin-top: 120px;
  margin-bottom: 120px; }

.heading-2 {
  font: 700 40px "Montserrat", sans-serif;
  color: #222222;
  text-transform: uppercase;
  letter-spacing: -1px;
  margin-bottom: 20px; }

.heading-2-sub {
  font: 16px "Droid Serif", sans-serif;
  color: #767676;
  margin-bottom: 80px; }

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

.service__description {
  font: 14px "RobotoSlab", sans-serif;
  color: #777777;
  letter-spacing: -0.35px; }

.heading-3 {
  font: 700 18px "Montserrat", sans-serif;
  color: #222222;
  letter-spacing: -0.45px;
  margin-bottom: 20px;
  margin-top: 25px; }

.item-ecommerce::before {
  content: "";
  background: url(/img/Icon-Basket.png) no-repeat 15px;
  display: block;
  margin: auto;
  width: 70px;
  height: 70px;
  border: 4px solid #f2d048;
  border-radius: 50px;
  opacity: .8; }

.item-web::before {
  content: "";
  background: url(/img/Icon-Laptop.png) no-repeat 15px;
  display: block;
  margin: auto;
  width: 70px;
  height: 70px;
  border: 4px solid #f2d048;
  border-radius: 50px;
  opacity: .8; }

.item-security::before {
  content: "";
  background: url(/img/Icon-Locked.png) no-repeat 15px;
  display: block;
  margin: auto;
  width: 70px;
  height: 70px;
  border: 4px solid #f2d048;
  border-radius: 50px;
  opacity: .8; }

Почему не отображается псевдоэлемент befor?

jupyter, ну так у вас .item-web два раза идёт.

Почему не отображается псевдоэлемент befor?

jupyter, а так, по вашим скриншотам и коду, у блока .item-security вообще нет собственного :before с фоном, ибо вообще в коде не вижу правила .item-security:before.

Почему не отображается псевдоэлемент befor?

jupyter, ссылку дайте на ресурс.

Как правильно доступно прятать лэйблы у инпутов для IE11?

Федя, не за что!

Как правильно доступно прятать лэйблы у инпутов для IE11?

Федя, обычно, когда говорят про них, имеют в виду стороннее ПО типа:
https://sourceforge.net/projects/nvda/files/releas...

Ну и кучи других, конечно. Ну и встроенные в ОС средства, конечно. Я не самый большой специалист в этом :))

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

Как правильно доступно прятать лэйблы у инпутов для IE11?

Федя, первый, но без opacity и некоторых свойств (у всех по-разному). Это больше как комплиляция всего этого в одном правиле.

Почему не работает корректно плагин isotope на Iphone и Android?

Alex_vs_Predator, да почему бы и нет, LOL.

Как правильно доступно прятать лэйблы у инпутов для IE11?

Федя, я использую такой вариант, как и Google, Facebook, Stripe (видел у них это).

Как правильно доступно прятать лэйблы у инпутов для IE11?

Федя, нормальным скринридерам скорее всего нет, можно opacity убрать на всякий пожарный.

Почему не работает корректно плагин isotope на Iphone и Android?

Alex_vs_Predator, ответ писать? :))

Почему не работает корректно плагин isotope на Iphone и Android?

Alex_vs_Predator, это всё нужно, чтобы габариты блоков изначально были просчитаны с помощью CSS и не зависели от скорости прогрузки картинок. В итоге, у Isotope будет вся нужная информация заранее. И ошибок в расчетах из-за отсутствия габаритов не будет иметь место.

Почему не работает корректно плагин isotope на Iphone и Android?

Alex_vs_Predator, должно работать, вот тебе рабочий пример.

Для пущего эффекта вообще с твоей картинкой и адаптивностью. Сжимай окно — все будет адаптироваться и пересчитываться. И это с учетом абсолютно позиционированной картинки внутри и flex-разметкой:

.grid {
  display: flex;
  flex-flow: row wrap;
}

.element-item {
  flex: 0 0;
  width: calc(20% - 10px);
  margin: 0 0 10px 0;
  position: relative;
}

.element-item:before {
  /* формирователь соотношения сторон + задает габариты, которые будет считать Isotope */
  content: "";
  padding-bottom: 141.3242%; /* процентное соотношение сторон картинок */
  display: block;
}

.element-item img {
  /* картинка на абсолюте, как видишь */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.element-item p,
.element-item h3 {
  /* скрываем тексты внутри, они для сортировки нужен только (код инициализации из их официального примера просто */
  display: none;
}

/* адаптивность */
@media (min-width: 768px) and (max-width: 1200px) {
  .element-item {
    width: calc(25% - 10px);
  }
}

@media (min-width: 400px) and (max-width: 767px) {
  .element-item {
    width: calc(33.333% - 10px);
  }
}

@media (max-width: 399px) {
  .element-item {
    width: calc(50% - 10px);
  }
}

Почему не работает корректно плагин isotope на Iphone и Android?

У меня с этими CSS считает верно: