.offers__card {
display: inline-block;
vertical-align: top;
width: 420px;
height: auto;
min-height: 193px;
max-height: 193px;
border-radius: 5px;
border: 1px solid rgb(235, 235, 235);
background-color: rgb(255, 255, 255);
margin: 10px;
position: relative;
padding: 28px 24px;
cursor: pointer;
}
.popup{
opacity: 0;
visibility: hidden;
height: 290px;
width: 544px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
border-radius: 5px;
background-color: $stack-color;
overflow: hidden;
}
.offers__card:hover .popup{
opacity: 1;
visibility: visible;
position:absolute;
top:-30px;
left: -10px;
z-index: 245;
@include transition(all 0.5s);
}
И что, для каждой ширины писатьда нет же конечно, Вы версткой давно занимаетесь?
Как мне сделать так, чтобы картинки упакованные в слайдер вели себя точно также?ну логичнее всего, сделать обертку для слайдера