.frontproject-item-list {
display: grid;
grid-template-rows: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 1.5rem;
padding: 1.5rem;
}
.frontproject-item-inner {
border-radius: .5rem;
overflow: hidden;
}
.frontproject-item-inner:nth-of-type(1) {
grid-column: 1 / 3;
grid-row: 1 / 6;
}
.frontproject-item-inner:nth-of-type(2) {
grid-column: 1 / 3;
grid-row: 6 / 14;
}
.frontproject-item-inner:nth-of-type(3) {
grid-column: 3 / 5;
grid-row: 1 / 5;
}
.frontproject-item-inner:nth-of-type(4) {
grid-column: 3 / 4;
grid-row: 5 / 9;
}
.frontproject-item-inner:nth-of-type(5) {
grid-column: 4 / 5;
grid-row: 5 / 9;
}
.frontproject-item-inner:nth-of-type(6) {
grid-column: 3 / 5;
grid-row: 9 / 14;
}
.frontproject-item-inner img {
display: block;
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
}
function checkWidth() {
var windowWidth = $('body').innerWidth(),
elem = $(".number-bullets"); // лучше сохранять объект в переменную, многократно чтобы не насиловать
// страницу для поиска нужного элемента
if(windowWidth < 640){
$("details").attr("open","true");
}
else{
$(function() {
$("details").on("mouseenter mouseleave", function(event) {
window.clearTimeout(timer);
var that = this;
if (event.type == "mouseenter") {
timer = window.setTimeout(function() {
that.setAttribute('open', true)
}, pause)
} else this.removeAttribute('open')
});
});
}
}
checkWidth(); // проверит при загрузке страницы
$(window).resize(function(){
checkWidth(); // проверит при изменении размера окна клиента
});
var timer, pause = 400;