virgül ile ekletebilirsin. Örneğin;

$ids = [1,2,3,4,5,6,7,8];
$query = $db->prepare('INSERT INTO tablo_adi SET kolon_adi = :ids');
$result = $query->execute([
    'kolon_adi' => implode(',', $ids)
]);
var_dump($result);

Daha sonra ayrıştırırken de FIND_IN_SET() kullanabilirsin.
https://www.youtube.com/watch?v=MQoXH9yNUyo

belki alternatif olarak base64 formatında session'da tutulabilirsin yükleme işlemi yapmadan

mysql'de nasıl yapıyorsan php tarafında da aynı aslında.

$query = $db->query('INSERT INTO tablo_adi (id, ad, soyad) VALUES 
(1, "Tayfun", "Erbilen"),
(2, "Test", "Test"),
(3, "Test2", "Test2")')->fetch();

reset.css, mevcut html etiketlerini tüm tarayıcılarda aynı varsayılan değerlerine ayarlar evet. Ancak senin sonradan yazacağın css kodları, tarayıcılar arası uyumsuzluğa sebep olabilir. Zira her css kodu her tarayıcıda uygulandığı gibi kullanılmıyor, bunları zamanla tecrübe ederek öğrenebilirsin. css hack diye araştırarak bir çok tarayıcı hilesine ulaşabilirsin :) en önemlisi kodlamanı yaptıktan sonra tarayıcılarda açıp kontrol et, sorunlarını buraya yaz birlikte yardımcı olalım.

tek yapman gereken .browser class'ına max-width: 100%; değerini eklemek :)

birkaç saniye aralıkla bir ajax isteği gerçekleştirip son değerleri alıp gösterebilirsin.

ya da

socket kurup socket ile gerçek zamanlı işlemler yaptırabilirsin. İlgili video: https://www.youtube.com/watch?v=dM_Afb2zNho

doğru şekilde dosyanı include edemiyorsundur, yoksa çalışmaması imkansız :) şu şekilde fonksiyonun var olup olmadığını kontrol ederek bunu anlayabilirsin;

if (!function_exists('fonksiyon_adi')){
    echo 'fonksiyon_adi tanımlanmamış';
}

o zaman bu duruma özel bi get parametresi gönder, db bağlantısında bu get varsa token kontrolünü es geç :)

o zaman datatables server side örneğinde token göndermeyi dene;

$(document).ready(function() {
    $('#example').DataTable( {
        "processing": true,
        "serverSide": true,
        "ajax": {
            "url": "scripts/server_processing.php",
            "data": function ( d ) {
                d.token = 'token buraya';
            }
        }
    } );
} );

html yapın şöyle olsun;

<div class="container">
	<div class="box auto"></div>
	<div class="box w-100"></div>
	<div class="box w-250"></div>
	<div class="box w-200"></div>
	<div class="box full"></div>
	<div class="box w-150"></div>
	<div class="box auto"></div>
	<div class="box w-250"></div>
	<div class="box w-150"></div>
	<div class="box full"></div>
	<div class="box auto"></div>
	<div class="box auto"></div>
	<div class="box w-100"></div>
</div>

css kodlarında şöyle;

.container {
  width: 1000px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.container .box {
  height: 150px;
  background: #eee;
  border: 1px solid #ddd;
  box-sizing: border-box;
  margin: 0 10px;
}
.container .box.full {
  width: 100%;
  min-width: 100%;
  border: none;
  height: 20px;
  background: transparent;
}
.container .box.auto {
  flex: 1;
}
.container .box.w-100 {
  width: 100px;
  min-width: 100px;
}
.container .box.w-150 {
  width: 150px;
  min-width: 150px;
}
.container .box.w-200 {
  width: 200px;
  min-width: 200px;
}
.container .box.w-250 {
  width: 250px;
  min-width: 250px;
}

sonuç: https://codepen.io/tayfunerbilen/pen/JjoVJbJ