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

[Anonymous]

На этой странице я использую шорткод галереи WordPress: https://themeparkfreaks.eu/fotos-walibi ... oeen-2024/>

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

[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); }

Единственное, что беспокоит меня,-это наполнение справа, которая, кажется, не существует при использовании новой галереи Gutenberg, как видно на этой странице: https://themeparkfreaks.eu/2025/03/foto ... t-2025/ple> wime-previse vise vise vise vise vise vise vise zo-neuwied-maart-2025/p> dispectembum-neu-neuvied-demaart-maart-2025/pmalbum-Zoo-neUwied-maArt-maart. src = "https://i.sstatic.net/pibuzwfg.png"/>
Я пытался: nth-child (3n) на .gallery-item, но это не дает эффект, который я ищу. src = "https://i.sstatic.net/jfbzjmw2.png"/>
Есть идеи о том, как это исправить? Наверное, это просто незначительная вещь, которую я мог бы упускать из виду?>

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