<meta name="viewport" content="width=device-width, initial-scale=1" /><div id="app">
<div style="display: grid; grid: auto-flow / 300px minmax(0, 1fr) 200px">
<div style="background-color: tomato">1</div>
<div style="background-color: pink">
<div style="display: flex">
<div
style="
flex-basis: 50%;
white-space: nowrap;
overflow-x: hidden;
text-overflow: ellipsis;
"
>
Prev pageeeeeeeeeeeeeeeeeeeeee
</div>
<div
style="
flex-basis: 50%;
white-space: nowrap;
overflow-x: hidden;
text-overflow: ellipsis;
"
>
Next pageeeeeeeeeeeeeeeeeeeeee
</div>
</div>
</div>
<div style="background-color: lightblue">3</div>
</div>
</div><div data-elementor-type="product-archive" data-elementor-id="16478" class="elementor elementor-16478 elementor-location-archive product" data-elementor-post-type="elementor_library">.check__style {
display: block;
position: relative;
min-width: 19px;
height: 19px;
border: 1px solid #8c8c8c;
cursor: pointer;
margin-right: 10px;
margin-top: -1px;
}margin-right?
.mega-menu {
background: #f0f0f0;
visibility: hidden;
opacity: 0;
transition: opacity 1s, visibility 1s;
left: 0;
position: absolute;
text-align: left;
width: 100%;
}
.droppable:hover > .mega-menu {
visibility: visible;
opacity: 1;
}display, которое ни разу не анимируемо
transform: rotateZ(46deg) rotateX(-56deg);
p имеет довольно странные правила автозакрывания