@media only screen and (max-width: 1080px) {
.middle {
width: 70%;
float:right;
display: inline-block;
vertical-align: top;
z-index: -10;
position: absolute;
}
}
Bunu ekleyip test eder misiniz?
Merhaba hocam media ile width i daha önce sınırlandırmıştım çalışıyor bu zaten ama her çözunurluğu eklemek lazım ve başka alanları ona göre tasarlamak gerekiyor ayrı yetten o sorunu çözdüm bu sefer ekran küçüldükçe sağ taraf dışarıya kaçıyor
.middle {
width: 70%;
display: inline-block;
vertical-align: top;
z-index: 10;
position: relative;
margin-left: 250px;
margin-right: 15em;
}
.wrapper {
margin-left: 22px;
margin-right: 22px;
}
.left {
left:0px;
right: auto;
width: 250px;
display: inline-block;
vertical-align: top;
border-radius: 0 0 10px 10px;
background-color: #888888;
position: fixed;
box-shadow: 0px 0px 8px 0px rgba(158,160,183,0.32);
}
.right {
top: 48px;
left:100%;
display: inline-block;
vertical-align: top;
position: absolute;
width: 280px;
}