Владислав Кречун

Удали его и поставь тот что по ссылке ниже. Далее надо будет его настроить, инструкции в описании.

"[php]": {
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "bmewburn.vscode-intelephense-client"
  },

https://marketplace.visualstudio.com/items?itemNam...

Верстать действительно надо на блоках. Но меня больше волнует другой вопрос.. Пример информации которую разумно так представлять?

Представим возможные данные:
Фамилия Имя Отчество Адрес

Два столбца
Фамилия Имя
Отчество Адрес

Один
Фамилия
Имя
Отчество
Адрес

ИМХО строка таблицы это логически завершенная сущность. Целостная и неделимая..

А по поводу отзывчивости табличных данных можно почитать здесь

Есть один вариант. Самый крутой.
НЕ ИСПОЛЬЗОВАТЬ БУТСТРАП :)

Также не могу найти слои для того чтобы банально скрыть grid слой

Все работает

html:

<div>
  <img src="https://images.unsplash.com/photo-1610405317849-43e74311fcac?ixid=MXwxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHw2fHx8ZW58MHx8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=600&q=60" alt="">
</div>

css:

div {
  display: block;
  width: 200px;
  height: 200px;
}

div img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

Проверить что страница открыта на мобильном устройстве - довольно просто:

isMobile = {
        Android: function() {
            return navigator.userAgent.match(/Android/i);
        },
        BlackBerry: function() {
            return navigator.userAgent.match(/BlackBerry/i);
        },
        iOS: function() {
            return navigator.userAgent.match(/iPhone|iPad|iPod/i);
        },
        Opera: function() {
            return navigator.userAgent.match(/Opera Mini/i);
        },
        Windows: function() {
            return navigator.userAgent.match(/IEMobile/i);
        },
        any: function() {
            return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
        }
    };

usage:

if (isMobile.any()) {
    alert('is mobile !');
}

Проверить есть ли поддержка touch евентов тоже не сложно:

function is_touch_device() {
  return !!('ontouchstart' in window);
}

От себя добавлю, что второй файл не создается. Сейчас стоит прописывать ему filename

new HTMLWebpackPlugin({
      filename: 'index.html',
      template: './index.html'
    }),
new HTMLWebpackPlugin({
      filename: 'second.html',
      template: './second.html'
    })

И да начнется холивар!

Видимо, fill или stroke уже указаны в коде самой иконки и переопределяют стили, которые указываете вы. Эти атрибуты из кода иконки надо убрать перед сборкой в спрайт (вручную или инструметами типа svgo). Можно также заменить значение этих атрибутов на currentColor и затем в css для иконки указывать свойсто color, которому будет соответствовать значение currentColor.

Можно добавлять класс к самому диву.

.test {
  &:after { content: "hello"; }
  &.clicked:after { color: red; }
}

https://codepen.io/anon/pen/NRNbmp

Да и в целом tab не всегда сробатывает.

В setting > emmet наиди " Trigger Expansion On Tab" и поставь галочку

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

1. Стандартный тип записей post это и есть блог.
2. Если вам нужно поместить блог и все записи под префикс, допустим /blog/, тогда:
- создаете страницу со слагом /blog/
- в настройках чтения назначаете ее как страницу блога
- шаблон для этой архивной страницы - home.php
- условный тег для этой архивной странцы - is_home()
- опционально идете в настройки постоянных ссылок и добавляете префикс /blog/ для singular ссылок
3. Профит.

var c = Number(a)+Number(c);
alert(c);
p.s. Товарищи новички, прежде чем задавать вопросы, погуглите в гугле.