<script src="<?php echo get_template_directory_uri() ?>/js/scriptsortsearch.js"></script>
jQuery(document).ready(function($){
var mylist = $('.select2-results ul');
var listitems = mylist.children('li').get();
listitems.sort(function(a, b) {
var compA = $(a).text().toUpperCase();
var compB = $(b).text().toUpperCase();
return (compA < compB) ? -1 : (compA > compB) ? 1 : 0;
})
$.each(listitems, function(idx, itm) { mylist.append(itm); });
}); ?
let images = [
'https://placeimg.com/150/100/animals',
'https://placeimg.com/150/100/arch',
'https://placeimg.com/150/100/nature',
'https://placeimg.com/150/100/people',
]
<img src="#" />
<img src="#" />
<img src="#" />
<img src="#" />
Может ещё добавлю картинки в будущем.
пришлось вот сделать min-height: 30vh;
А чем плох решение на js ? Реализация на js, получить высоту видимой области, получить высоту блоков, рассчитать отступы, добавить отступы такое сложно сделать?