Отзывчивый WordPress Gallery ShortTag ⇐ Html

[Anonymous]

На этой странице я использую шорткод галереи WordPress: < /p>

Код: Выделить всё

[gallery ids="519708,519709,etc" size="medium" link="file"]

С помощью следующих CSS я смог сделать его красивым на всех экранах:
.gallery { display:flex; flex-wrap:wrap; width:100% !important; margin-bottom:1rem !important; }
.gallery-item { width:33.333% !important; margin:0 !important; padding:0 8px 8px 0 !important; }
.gallery-icon { position:relative; padding-bottom:56.25%; }
.gallery-icon a, .gallery-icon img { position:absolute; top:0; right:0; bottom:0; left:0; height:100%; width:100%; }
.gallery-icon img { object-fit:cover; object-position:50%; border:1px solid var(--bs-light-border-subtle) !important; border-radius:var(--bs-border-radius); }
< /code>
Единственное, что беспокоит меня, - это заполнение справа, которая, кажется, не существует при использовании более новой галереи Гутенберг, как видно на этой странице. Я пытался: Nth-Child (3n) на .gallery-item, но это не дает эффекта, который я ищу. < /P>
Есть идеи о том, как это исправить? Наверное, это просто незначительная вещь, которую я мог бы упускать из виду?

Подробнее здесь: https://stackoverflow.com/questions/795 ... y-shorttag