Как вывести несколько блоков внимания плагина WPRemark в ряд?

Для вывода нескольких блоков внимания плагина WPRemark в ряд можно использовать блок “Колонки” в редакторе Gutenberg.

Чтобы несколько блоков внимания плагина WPRemark с помощью HTML-кода, оберните их код в тег <div> с классом wpremark-blocks в следующем формате:

<div class="wpremark-blocks">
[Здесь укажите нужный шорткод плагина WPRemark]
[Здесь укажите нужный шорткод плагина WPRemark]
[Здесь укажите нужный шорткод плагина WPRemark]
</div>

/* Вывести несколько блоков внимания плагина WPRemark в ряд*/
.wpremark-blocks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

Ширина данных блоков внимания будет зависеть от ширины их содержимого.

Чтобы два блока внимания в строке выводились на всю ширину, перейдите в Внешний вид > Настроить > Дополнительные стили и добавьте следующий код:

/* Вывести два блока внимания в строке на всю ширину */
.wpremark-blocks .wpremark {
  width: 49%;
}

Если в строке будет выводиться три блока внимания, код

width: 49%

замените на

width: 33%