Как выровнять заголовки таблицы?

Question

[Дмитрий Ярощук]

При уменьшение разрешения экрана начинают съезжать последние два заголовка таблицы(Country, Status) , как сделать так чтобы под этими заголовками был контент который им соответствует ?

Answer 1

[Михаил Р.]

Ячейка имеет padding (горизонтальный) до 880px по горизонтали, из за этого происходит визуальное смещение:

.table__item {
  // ...
  @media (max-width: 880px) {
    padding: 15px;
}

Как вариант, добавить аналогичный padding для .table__subtitle:

Comments

[Дмитрий Ярощук]

Михаил Р. сделал как показали, последние два заголовка все равно съезжают

[Михаил Р.]

Дмитрий Ярощук, значит не так сделали, либо на Вашем сайте имеется дополнительный css, который перекрывает стили. Пример из codepen работает без смещения заголовков: