Адаптивный CSS

Без @media правил только через js

C @media правилами сложная конструкция получится?

Немного проясню ситуацию. На скриншотах - это футер сайта на WP.

Темой предусмотрена любая вставка туда html-кода.

Можно также прописать Custom-CSS в настройках Темы.

PS. Сам, как понимаете, в CSS нуб.

Я не знаю WP, но если вы можете подключить CSS файл, то пропишите в нем:

@media screen and (max-width: 767px) {
        .metric {
		display: flex;
		justify-content: center;
	}
	.text {
		text-align: center;
	}
}

Сам html

<div class="metric">
	<div style="float:right;">
		счётчик LiveInternet
	</div>
	<div style="float:right;margin-right: 5px;">
		счётчик Yandex.Metrika
	</div>
	<div style="float:right;margin-right: 5px;">
		счётчик ИКС
	</div>
</div>
<div style="margin-top: 10px;" class="text">
	html text
</div>

devmastery, спасибо, попробую!

Чтобы случайно не "задеть" классы Темы, такой код будет верен?

@media screen and (max-width: 767px) {

        .metric_footer {

		display: flex;

		justify-content: center;

	}

	.text_footer {

		text-align: center;

	}

}

<div class="metric_footer">

	<div style="float:right;">

		счётчик LiveInternet

	</div>

	<div style="float:right;margin-right: 5px;">

		счётчик Yandex.Metrika

	</div>

	<div style="float:right;margin-right: 5px;">

		счётчик ИКС

	</div>

</div>

<div style="margin-top: 10px;" class="text_footer">

	html text

</div>

Спасибо!

Да, вполне верен