Merhaba arkadaşlar css te bir sorun yaşıyorum resimdede gördüğünüz gibi ekranı küçültüğümde menüler ve geri kalan kısımlar sol taraftaki menü barınaltına geçip kayboluyorlar bir türlü bunu sol tarafı geçmemesi için sınırlandıramadım

.middle {
 

  width: 100%;
  display: inline-block;
  vertical-align: top;
  z-index: -10;
  position: absolute;

}
.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;

}