Для выравнивания заголовков таблицы можно использовать CSS свойство text-align: center; или text-align: left; в зависимости от желаемого выравнивания.
Для предотвращения съезжания последних двух заголовков таблицы при уменьшении разрешения экрана можно добавить адаптивный дизайн с помощью медиа-запросов. Например, можно задать минимальную ширину контейнера таблицы или использовать отзывчивые единицы измерения для размеров элементов. Также можно добавить горизонтальную прокрутку для таблицы, если контент не умещается на экране.
Чтобы соответствующий контент оставался видимым на странице, можно также использовать медиа-запросы для изменения стилей элементов при изменении размера экрана. Например, для текста можно использовать свойства overflow: hidden; или text-overflow: ellipsis; чтобы обрезать текст и добавить многоточие в конце. Также можно использовать свойства flexbox или grid layout для более гибкого управления расположением элементов на странице при изменении размера экрана.