Расположение блоков по 2 в ряд один за другим без пустого места?

Мучения, запись #8272792932372b2

Если родителю задать column-count: 2;
Если дочерним элементам задать break-inside: avoid-column;
и убрать inline-block

тогда по 2 комментария отображает нормально

но если появляется 3й комментарий, тогда он липнет к правому краю в любой ситуации, даже если слева есть пустое место

Что с этой системой не так?

Расположение блоков по 2 в ряд один за другим без пустого места?

Ankhena, columns работает криво. рвет блоки при флоате, а если без него и инлайн блоком тогда первые 2 блока всегда слева и только 3й начинает быть справа

Расположение блоков по 2 в ряд один за другим без пустого места?

Но мне просто интересно, какой ... не хочу ругаться придумал что при column 2 и inline-block выводить элементы так:

Если отзыва 2, тогда оно в столбец пихает

И только когда 3 отзыва, тогда 3-й пихает вправо

И поправить это нельзя. куча настроек, а ни одна нормально не дает сделать так, чтобы нормально отображалось.

Расположение блоков по 2 в ряд один за другим без пустого места?

1) это не ответ, так как решение глючное и по сути не рабочее.
2) ок
3) и? если их убрать тогда работает когда есть 3 комментария но крашится когда только 2 если добавить, тогда где 2 комментария все ок, а 3 крашится.
4) эта штука делает ту же бесполезную вещь что и просто inline-block, а именно

В общем задача не решаема. Сколько эти гении из гугла не выпускают обновы, а все в молоко. Только добавляют новые баги и неудобства. А добавить возможность расположить блоки один за другим без пустых мест - так сам блок готов рваться на части... бред какой то.

Расположение блоков по 2 в ряд один за другим без пустого места?

Сделал так:

<div class="rev_box">
<div class="rev_item">

</div>
</div>

.rev_box {
    -webkit-column-count: 2;
    column-count: 2;
}
.rev_item {
    box-sizing: border-box;
    display: inline-block;
    float: right;
}

Но получаю иногда такое:
prnt.sc/UsKZ67u8ZGxG

Расположение блоков по 2 в ряд один за другим без пустого места?

Спасибо, буду пробовать)

Как остановить выполнение js-скрипта?

Спасибо, топ!

Как хранить элементы для добавления с помощью JS?

А как? и чтобы не был доступен этот текст для пс до того как будет использован в нужном месте?

Как найти скрипт тормозящий сайт?

четкая штука, помогла найти падлу

Как вывести имя покупателя на шапке в Opencart?

спасибо)

Почему не применяются модификаторы Opencart 3?

спасибо

Как получить данные по API?

часть вашего кода помогла. без нее точно бы не смог сделать) Спасибо)

Верный вариант кода такой:

$(document).ready(function(){
  let response;
  fetch('https://api.opensea.io/api/v1/bundles?owner=0x30f2449b71a67bb22e09eee89438431686189068&limit=20&offset=0')
  .then(response => response.json())
  .then(response => {
      console.log(response);
      return response;
  })
  .then(response => alert(response.bundles[0].maker.user.username));
});

Как получить данные по API?

спасибо, но получаю ошибку. Сделал так:

$(document).ready(function(){
  let response;
  fetch('https://api.opensea.io/api/v1/bundles?owner=0x30f2449b71a67bb22e09eee89438431686189068&limit=20&offset=0')
  .then(response => response.json())
  .then(response => {
      console.log(response);
      return response;
  })
  .then(response => alert(response.bundles.maker.user.username));
});

А ошибка такая: Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'user')
at (индекс):1250

Где тестировать вёрстку сайта для мобильных устройств?

Сервисы умерли

Как узнать id категории в карточке товара Opencart 2?

спасибо, работает и на тройке. только там все тоже самое, только выводиться так:
{{ category_id }}

Можно ли в owl-carousel сделать слайды в 2 ряда?

спасибо)

Система лайков на php?

Всегда бесили подобные комментаторы... Вам заняться больше нечем? Если ты знаешь ответ - поделись, не хочешь - пройди мимо. Зачем ты спамиш тему. Человек нормально спросил.

Как убрать рамку вокруг button в Сhrome?

button, 
button:active, 
button:focus {
    outline: none !important;
}