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

Рустам Байназаров, Ну кстати да, попробовал и нигде не работает, не через before, не через background-image. В моем случае надо было флаги вставлять и я остановился на эмоджи, правда работает только в FF)

Как лучше сделать доступную Яндекс Карту?

freeExec, Карта подгружается при клике на контейнер, и чтобы можно было сфокусироваться на карту через клавиатуру(tab), то надо какой нибудь интерактивный эл. использовать

Как лучше сделать доступную Яндекс Карту?

Lynn «Кофеман», Рядом положить кнопку дизайн не позволяет. Если в див засунуть, то у .ymap-container стоит overflow:h. и не видно outline у кнопки. А если его убрать, то появляется неприятный блик из-за прелоудера

Как поступить с css в многостраничном сайте?

Спасибо за подробный ответ

Почему не работает плагин ACF?

Все решилось путем удаления вордпреса и установки "небезопасной версии PHP (7.1.33)" :)

Почему не работает плагин ACF?

https://skr.sh/s7Kuz9w8sV9?a Только со шрифтами проблема

Почему не работает скрипт на мобилке?

Григорий, ну тогда все супер)

Почему не работает скрипт на мобилке?

Григорий, https://disk.yandex.ru/i/uoLBPBD4PCZfAQ layout работает, значит клик вроде как есть, но src почему то не передается

Почему не работает скрипт на мобилке?

kinofil, https://jsfiddle.net/69r2gj48/24/

Почему не работает скрипт на мобилке?

kinofil,

const modalButton = document.querySelectorAll('.button-certificates');
		var modalImg = document.querySelector('#img01');
		var modal = document.getElementById('modalCertificates');
		var close = document.getElementById("close");
		var overlay = document.querySelector('.modal-certificates__overlay');
    
    
    
    
    function closeModal(){

  		modal.style.visibility = "hidden";
  		modal.style.opacity = "0";
  		overlay.style.visibility = "hidden";
  		overlay.style.opacity = "0";
  		document.querySelector('html').classList.remove("hystmodal-opened");
  
}
function openModal(){
   	modal.style.visibility = "visible";
		modal.style.opacity = "1";
		overlay.style.visibility = "visible";
		overlay.style.opacity = "1";
		document.querySelector('html').classList.add("hystmodal-opened");
}
    
    
    
    

    modalButton.forEach(el=> el.addEventListener('click', function (e){
       

        e.preventDefault();
        modalImg.src = el.querySelector('.study__certificates-img').src;
       	openModal();

	}
));
            
               
   
   

    close.addEventListener('click', function (){
         closeModal ();
    })



    overlay.addEventListener('click', function (){
         closeModal ();
    })

Как красиво сверстать такое поведение блоков?

Спасибо за ответ, я обертке задал

grid-template-columns: repeat(3, minmax(min-content, 1fr))

grid-template-rows: repeat(3, minmax(min-content, 1fr))

и там уже каждому элементу прописывал grid-column\grid-row.
Я правильно понимаю, что это одно и тоже только по разному записано?

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

Simkav, Вот например тут получается что у блока "LEGAL INFORMATION" появляется свободное место справа и визуально это выглядит так что справа отступ больше чем слева, решается в тупое отступом (как на втором варианте), но вдруг есть еще какой нибудь способ, не такой банальный

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

так теряется весь смысл блока, надо чтобы текст сам выравнивался слева на право, а элементы в блоке справа на лево. Так же будет если задать flex-items:flex-end

Не стандартное расположение блоков. Как это сделать?

Спасибо, понял логику. Думал просто можно что-то лучше сделать чем создавать пустые блоки