пацаны помогите, при зжатии окна браузера, блоки разьезжаются в разные стороны,

.blok_right

 {

 margin: 0;

 background: white;

 position: absolute;

 top: 49%;

 right: 66%;

 margin-right: -50%;

 transform: translate(-50%, -50;

 

 box-shadow: 0 0 10px rgba(0,0,0,0.5);

 width: 328px;

 height:82%;

 margin: 0 auto;

 padding-bottom: 8px;

 }

 

 

 .blok_content

 {

 margin: 0;

 background: white;

 position: absolute;

 top: 49%;

 left: 52%;

 margin-right: -50%;

 transform: translate(-50%, -50;

 

 box-shadow: 0 0 10px rgba(0,0,0,0.5);

 width: 57%;

 height:82%;

 margin: 0 auto;

 padding-bottom: 8px;

 }

 

Изображение

------
78259_20210717_025632.jpg (412.3 Kb)
Скачиваний: 184

Bootstrap поможет

grid для этого есть

Пупсь,не помогло

RezzidenT, display: grid не помогло