Просто поделите массив на чанки:

let array = [1,2,3,4,5,6,7,8,9,10,11]
const chunkSize = 3;
let chunks = [];

for (let i = 0; i < array.length; i += chunkSize) {
     chunks.push( array.slice(i, i + chunkSize) );
}

// на выходе
[ 
[1, 2, 3], 
[4, 5, 6],
[7, 8, 9], 
[10, 11]
]

Ну или в бэкенде сразу разбивайте, смотря как шаблон выводите.

css -> transform: scale(0.7)

Кажется, что быстро это не объяснишь
1) Создаете страницу с html формой, в атрибуте action у тега form указываете путь до php файла-обработчика вашей формы. Также у формы указываете method="post". HTML форму можете просто загуглить, потом поправить для себя.
2) Создаете скрипт php, путь к которому указывали в action формы.
И там пишите что-то подобное:

<?php 

// Проверяете, что была отправлена форма с заполненными полями phone, name
if ( !isset($_POST['phone'] || !isset($_POST['name']) ) {
   echo "Проверьте все ли поля заполнены";
   die();
}
// Подключаетесь к базе данных
$db = new PDO('mysql:host=localhost;dbname=имя_вашей_базы', $user, $pass);

// Подготавливаете SQL запрос для вставки данных в таблицу
 $db->prepare('INSERT INTO имя_таблицы ( phone, email ) VALUES ( ? , ? ) ');

// Выполняете SQL c подстановкой значений из формы ( хранятся в глобальном массиве $_POST)
$result  =  $db->execute(array( $_POST['phone'], $_POST['email'] ));

echo ($result) ? "Форма успешно отправлена" :  "Что-то пошло не так, пожалуйста, повторите позже"; 

 ?>

Конечно надо делать проверки получаемых из форм данных, здесь просто принцип.