Чот у тебя с кешем браузера 
Очистить или попробовать с другого ( возможно глючит Аякс вставка )

Есть вариант что как-то получается двойной клик по отправке - при отправке двух постов с разницей менее скольких-то секунд - посты склеваюца сервисом...
Ну и потести с иного браузера...

Отредактировано Deff (Чт, 8 Июл 2021 16:46:35)

Ксать вспомнил что навеяло, - в первом Принце Персии было реализовано подобным образом(но поскок тогда игра была не браузерная, картинки менялись в квадратиках памяти копируемых на экран)

Вероятно как то так:
[html]<style>
.table {
  display: grid;
  grid-template: repeat(3, 25vw)/repeat(4, 25vw);
}
.table div {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid red;
}
</style>

<div class="table">
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
  <div>5</div>
  <div>6</div>
  <div>7</div>
  <div>8</div>
  <div>9</div>
  <div>10</div>
  <div>11</div>
  <div>12</div>
</div>[/html]

Отредактировано kolobdur74 (Чт, 8 Июл 2021 19:55:13)

Если к каждому индивидуально, то надо именовать квадраты.. Как я делал на вкладках:

Можешь глянуть код, ссылка в подписи у меня..

John Warner, с именами тот же вид будет вот так:
[html]<style>
.table {
  display: grid;
  grid-template: "quadro-1 quadro-2 quadro-3 quadro-4" 25vw
                 "quadro-5 quadro-6 quadro-7 quadro-8" 25vw
         "quadro-9 quadro-10 quadro-11 quadro-12" 25vw
         / 25vw 25vw 25vw 25vw;
}
.table div {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid red;
}

#quadro-1 {grid-area: quadro-1;}
#quadro-2 {grid-area: quadro-2;}
#quadro-3 {grid-area: quadro-3;}
#quadro-4 {grid-area: quadro-4;}
#quadro-5 {grid-area: quadro-5;}
#quadro-6 {grid-area: quadro-6;}
#quadro-7 {grid-area: quadro-7;}
#quadro-8 {grid-area: quadro-8;}
#quadro-9 {grid-area: quadro-9;}
#quadro-10 {grid-area: quadro-10;}
#quadro-11 {grid-area: quadro-11;}
#quadro-12 {grid-area: quadro-12;}
</style>

<div class="table">
  <div id="quadro-1">1</div>
  <div id="quadro-2">2</div>
  <div id="quadro-3">3</div>
  <div id="quadro-4">4</div>
  <div id="quadro-5">5</div>
  <div id="quadro-6">6</div>
  <div id="quadro-7">7</div>
  <div id="quadro-8">8</div>
  <div id="quadro-9">9</div>
  <div id="quadro-10">10</div>
  <div id="quadro-11">11</div>
  <div id="quadro-12">12</div>
</div>[/html]