Думаю, попробовать через onorientationchange

И вернуть false

Ребят, всем привет

подскажите пожалуйста

function doIt() {
   var newDiv = document.createElement("div");
   function randomInteger(min, max) {
       var rand = min - 0.5 + Math.random() * (max - min + 1)
       rand = Math.round(rand);
       return rand;
   }
   function randomColor(min, max) {
       var rand = min - 0.5 + Math.random() * (max - min + 1)
       rand = Math.round(rand);
       return rand;
   }
   var x = randomInteger(100,1000);
   var cr = randomColor(1,255);
   var cg = randomColor(1,255);
   var cb = randomColor(1,255);
   newDiv.style.height = x + "px";
   newDiv.style.width = "50%";
   newDiv.style.background = 'rgb('+ cr +','+ cg +', ' + cb + ')';
   newDiv.style.marginBottom = "30px";
   newDiv.style.left = "100px";


   document.body.appendChild(newDiv);

}

крч у меня такой код, добавляет рандомный прямоугольник хочу чтобы он рядом добавлял

чет инет прошерстил ниче такого найти не могу, может кто подскажет?

в чём вопрос?

Каждый новый прямоугольник полчуается внизу рисуется, а хочу чтобы рядом, в две колонки

12
34
56

типа такого

Это обычное поведение блоков в css. Див - блочный элемент, каждый новый элемент идёт под предыдущим.
Задай родителю всех этих дивов такую ширину, чтобы туда помещались максимум два дива, задай ему display: flex и flex-wrap: wrap

ок, спасибо

попробую

display: inline-block можно задать элментам. тогда их ширина будет зависить от контента и они будут рядом респавниться у тебя

Но тогда они не выстроятся в две колонки, да и ширину он им задаёт в 50%

Ну, выстроятся, если у родителя, опять же, ограничить ширину

смотря какой родитель

да, ширина у меня должна быть статичной

а зачем 3 разные переменные сr, cg, cb? одно и то же. просто одну переменную задай чкрез запятую. одно и тоже ранд число от 1-255