справа от карточек сборок есть пустое место заполни его ещё одной сборкой, чтобы не было пустых мест и напиши полные изменённые кода тех файлов, где ты что то менял
sborka.php:
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Сборка</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
    <link rel="stylesheet" type="text/css" href="https://npmcdn.com/flatpickr/dist/themes/dark.css">
    <link rel="stylesheet" href="../../../css/styles_sborka.css">
    <link rel="stylesheet" href="../../../css/card.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
    <div>
        <h1>Сборка</h1>
        <form method='POST' action='insert_sborka.php' class="form-inline">
    <!-- Блок питания -->
    <div class="form-group">
        <label><b>Выберите блок питания:</b></label>
        <select name="BlokPit_idBlokPit" id="bpSelect" onchange="updateTotal();">
            <option value="">Выберите блок питания</option>
            <?php
            include("../../database/db.php");
            $query = mysqli_query($connection, "SELECT * FROM blokpit");
            while ($result = mysqli_fetch_array($query)) {
                echo "<option value='{$result['idBlokPit']}' data-price='{$result['PriceBP']}'>{$result['NameBP']}</option>";
            }
            ?>
        </select>
    </div>

    <!-- Процессор -->
    <div class="form-group">
        <label><b>Выберите процессор:</b></label>
        <select name="CPU_idtable1" id="cpuSelect" onchange="updateTotal();">
            <option value="">Выберите процессор</option>
            <?php
            $query = mysqli_query($connection, "SELECT * FROM cpu");
            while ($result = mysqli_fetch_array($query)) {
                echo "<option value='{$result['idCPU']}' data-price='{$result['PriceCPU']}' data-socket='{$result['Socket_idSocket']}'>{$result['NameCPU']}</option>";
            }
            ?>
        </select>
    </div>

    <!-- Видеокарта -->
    <div class="form-group">
        <label><b>Выберите видеокарту:</b></label>
        <select name="GPU_idGPU" id="gpuSelect" onchange="updateTotal();">
            <option value="">Выберите видеокарту</option>
            <?php
            $query = mysqli_query($connection, "SELECT * FROM gpu");
            while ($result = mysqli_fetch_array($query)) {
                echo "<option value='{$result['idGPU']}' data-price='{$result['PriceGPU']}'>{$result['NameGPU']}</option>";
            }
            ?>
        </select>
    </div>

    <!-- Корпус -->
    <div class="form-group">
        <label><b>Выберите корпус:</b></label>
        <select name="Corpus_idCorpus" id="caseSelect" onchange="updateTotal();">
            <option value="">Выберите корпус</option>
            <?php
            $query = mysqli_query($connection, "SELECT * FROM corpus");
            while ($result = mysqli_fetch_array($query)) {
                echo "<option value='{$result['idCorpus']}' data-price='{$result['PriceCorpus']}' data-form='{$result['FormFactor_id']}'>{$result['NameCorpus']}</option>";
            }
            ?>
        </select>
    </div>

    <!-- ОП -->
    <div class="form-group">
        <label><b>Выберите ОП:</b></label>
        <select name="RAM_idRAM" id="ramSelect" onchange="updateTotal();">
            <option value="">Выберите ОП</option>
            <?php
            $query = mysqli_query($connection, "SELECT * FROM ram");
            while ($result = mysqli_fetch_array($query)) {
                echo "<option value='{$result['idRAM']}' data-price='{$result['RAMPrice']}'>{$result['NameRAM']} ({$result['MemoryCapacity']} ГБ)</option>";
            }
            ?>
        </select>
    </div>

    <!-- ЖД -->
    <div class="form-group">
        <label><b>Выберите ЖД:</b></label>
        <select name="HDD_idHDD" id="hddSelect" onchange="updateTotal();">
            <option value="">Отсутствует</option>
            <?php
            $query = mysqli_query($connection, "SELECT * FROM hdd");
            while ($result = mysqli_fetch_array($query)) {
                echo "<option value='{$result['idHDD']}' data-price='{$result['PriceHdd']}'>{$result['NameHDD']} ({$result['MemCapHdd']} ГБ)</option>";
            }
            ?>
        </select>
    </div>

    <!-- SSD -->
    <div class="form-group">
        <label><b>Выберите SSD:</b></label>
        <select name="SDD_idSDD" id="sddSelect" onchange="updateTotal();">
            <option value="">Отсутствует</option>
            <?php
            $query = mysqli_query($connection, "SELECT * FROM sdd");
            while ($result = mysqli_fetch_array($query)) {
                echo "<option value='{$result['idSDD']}' data-price='{$result['PriceSdd']}'>{$result['NameSDD']} ({$result['MemCapSdd']} ГБ)</option>";
            }
            ?>
        </select>
    </div>

    <!-- Материнская плата -->
    <div class="form-group">
        <label><b>Выберите мат.плату:</b></label>
        <select name="MotherBoard_idMotherBoard" id="mbSelect" onchange="updateTotal();">
            <option value="">Выберите материнскую плату</option>
            <?php
            $query = mysqli_query($connection, "SELECT * FROM motherboard");
            while ($result = mysqli_fetch_array($query)) {
                echo "<option value='{$result['idMotherBoard']}' data-price='{$result['MotherBoardPrice']}' data-socket='{$result['Socket_idSocket']}' data-form='{$result['FormFactor_id']}'>{$result['NameMB']}</option>";
            }
            ?>
        </select>
    </div>

    <!-- Тип ПК -->
    <div class="form-group">
        <label><b>Выберите тип ПК:</b></label>
        <select name="TipPC_idTipPC">
            <option value="">Выберите тип ПК</option>
            <?php
            $query = mysqli_query($connection, "SELECT * FROM tippc");
            while ($result = mysqli_fetch_array($query)) {
                echo "<option value='{$result['idTipPC']}'>{$result['NameTPC']}</option>";
            }
            ?>
        </select>
    </div>

    <!-- Сотрудник -->
    <div class="form-group">
        <label><b>Выберите сборщика:</b></label>
        <select name="Sotr_idSotr">
            <option value="">Выберите сборщика</option>
            <?php
            $query = mysqli_query($connection, "SELECT * FROM sotr");
            while ($result = mysqli_fetch_array($query)) {
                echo "<option value='{$result['idSotr']}'>{$result['FamSotr']}</option>";
            }
            ?>
        </select>
    </div>

    <!-- Цена сборки -->
    <div class="form-group">
        <label><b>Напишите цену сборки:</b></label>
        <input type='text' name='pricesb' id='totalPrice' placeholder='Цена Сборки' readonly>
    </div>

    <!-- Кнопка сброса всех полей -->
    <div class="buttons-container">
        <button type="button" id="resetBtn">Сбросить все</button>
    </div>

    <div class="buttons-container">
        <button type='submit'>Добавить</button>
    </div>
</form>


<br>
<div class="container mt-4">
    <div class="row">
        <?php
        include("../../database/db.php");

        // Основной запрос для получения всех сборок и связанных компонентов
        $query = mysqli_query($connection, "
            SELECT sborka.idSborka, blokpit.NameBP, cpu.NameCPU, gpu.NameGPU, corpus.NameCorpus, ram.NameRAM, hdd.NameHDD, sdd.NameSDD, motherboard.NameMB, tippc.NameTPC, sotr.FamSotr, sborka.SborkaPrice, 
            sborka.BlokPit_idBlokPit, sborka.CPU_idtable1, sborka.GPU_idGPU, sborka.Corpus_idCorpus, sborka.RAM_idRAM, sborka.HDD_idHDD, sborka.SDD_idSDD, sborka.MotherBoard_idMotherBoard, sborka.TipPC_idTipPC, sborka.Sotr_idSotr
            FROM sborka
            JOIN sotr ON sborka.Sotr_idSotr = sotr.idSotr
            JOIN tippc ON sborka.TipPC_idTipPC = tippc.idTipPC
            JOIN blokpit ON sborka.BlokPit_idBlokPit = blokpit.idBlokPit
            JOIN cpu ON sborka.CPU_idtable1 = cpu.idCPU
            JOIN gpu ON sborka.GPU_idGPU = gpu.idGPU
            JOIN corpus ON sborka.Corpus_idCorpus = corpus.idCorpus
            JOIN ram ON sborka.RAM_idRAM = ram.idRAM
            LEFT JOIN hdd ON sborka.HDD_idHDD = hdd.idHDD
            LEFT JOIN sdd ON sborka.SDD_idSDD = sdd.idSDD
            JOIN motherboard ON sborka.MotherBoard_idMotherBoard = motherboard.idMotherBoard 
            ORDER BY idSborka;
        ");


        while ($result = mysqli_fetch_array($query)) {
            echo '<div class="col-md-4 mb-4">';
            echo '<div class="card">';
            echo '<div class="card-body">';
            echo "<form method='POST' action='update_sborka.php'>";
            echo "<h5 class='card-title'>Сборка #{$result['idSborka']}</h5>";

            // Блок питания
            echo "<div class='form-group'>";
            echo "<label>Блок питания:</label>";
            echo "<p>{$result['NameBP']}</p>";  // Выводим название блока питания
            echo "</div>";

            // Процессор
            echo "<div class='form-group'>";
            echo "<label>Процессор:</label>";
            echo "<p>{$result['NameCPU']}</p>";  // Выводим название процессора
            echo "</div>";

            // Видеокарта
            echo "<div class='form-group'>";
            echo "<label>Видеокарта:</label>";
            echo "<p>{$result['NameGPU']}</p>";  // Выводим название видеокарты
            echo "</div>";

            // Корпус
            echo "<div class='form-group'>";
            echo "<label>Корпус:</label>";
            echo "<p>{$result['NameCorpus']}</p>";  // Выводим название корпуса
            echo "</div>";

            // Оперативная память
            $queryRAM = mysqli_query($connection, "SELECT * FROM ram WHERE idRAM = '{$result['RAM_idRAM']}'");
            $ramResult = mysqli_fetch_array($queryRAM);
            echo "<div class='form-group'>";
            echo "<label>Оперативная память:</label>";
            echo "<p>{$ramResult['NameRAM']} ({$ramResult['MemoryCapacity']} ГБ)</p>";  // Выводим название и объем оперативной памяти
            echo "</div>";

            // Жесткий диск
            $queryHDD = mysqli_query($connection, "SELECT * FROM hdd WHERE idHDD = '{$result['HDD_idHDD']}'");
            $hddResult = mysqli_fetch_array($queryHDD);
            echo "<div class='form-group'>";
            echo "<label>Жесткий диск (HDD):</label>";
            echo "<p>" . ($hddResult['NameHDD'] ? "{$hddResult['NameHDD']} ({$hddResult['MemCapHdd']} ГБ)" : "Отсутствует") . "</p>";  // Выводим название и объем HDD
            echo "</div>";

            // Твердотельный накопитель (SSD)
            $querySSD = mysqli_query($connection, "SELECT * FROM sdd WHERE idSDD = '{$result['SDD_idSDD']}'");
            $sddResult = mysqli_fetch_array($querySSD);
            echo "<div class='form-group'>";
            echo "<label>Твердотельный накопитель (SSD):</label>";
            echo "<p>" . ($sddResult['NameSDD'] ? "{$sddResult['NameSDD']} ({$sddResult['MemCapSdd']} ГБ)" : "Отсутствует") . "</p>";  // Выводим название и объем SSD
            echo "</div>";


            // Материнская плата
            echo "<div class='form-group'>";
            echo "<label>Материнская плата:</label>";
            echo "<p>{$result['NameMB']}</p>";  // Выводим название материнской платы
            echo "</div>";

            // Тип ПК
            echo "<div class='form-group'>";
            echo "<label>Тип ПК:</label>";
            echo "<p>{$result['NameTPC']}</p>";  // Выводим название типа ПК
            echo "</div>";

            // Сотрудник
            echo "<div class='form-group'>";
            echo "<label>Сотрудник:</label>";
            echo "<p>{$result['FamSotr']}</p>";  // Выводим фамилию сотрудника
            echo "</div>";

            echo "<div class='form-group'>";
            echo "<label>Цена:</label>";
            echo "<p>{$result['SborkaPrice']}</p>";
            echo "</div>";
            echo "<input type='hidden' name='idSborka' value='{$result['idSborka']}' />";  // Для идентификации сборки
            echo "<div class='buttons-container'>";
            echo "<a href='delete_sborka.php?idSborka={$result['idSborka']}' class='button button-danger'>Удалить</a>";
            echo "</div>";
            echo "</form>";
            echo '</div>'; // .card-body
            echo '</div>'; // .card
            echo '</div>'; // .col-md-4
        }
        ?>
    </div>
</div>
<script src="../../../js/logica.js"></script>
<script src="../../../js/sbros.js"></script>
</body>
</html>
card.css:
/* Основные стили для карточек */
.card {
    background-color: #f9f9f9; /* Цвет фона карточки */
    border: 1px solid #ddd; /* Цвет границы */
    border-radius: 8px; /* Закругление углов */
    padding: 16px; /* Внутренние отступы */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Тень */
    transition: transform 0.2s; /* Плавный переход при наведении */
}

/* Заголовок карточки */
.card-title {
    font-size: 1.5em; /* Размер шрифта */
    margin-bottom: 12px; /* Отступ снизу */
}

/* Текст карточки */
.card-text {
    margin: 10px 0; /* Отступы сверху и снизу */
}

/* Кнопки */
.btn {
    margin-right: 8px; /* Отступ между кнопками */
}

/* Стиль для кнопок внутри карточек */
.card .btn-group {
    display: flex;
    justify-content: space-between; /* Размещение кнопок по разные стороны */
    width: 100%; /* Ширина блока с кнопками */
}

.card .btn-group a {
    flex: 1; /* Равномерное распределение ширины кнопок */
    text-align: center; /* Центрирование текста на кнопках */
    margin-right: 8px; /* Отступ между кнопками */
}

.card .btn-group a:last-child {
    margin-right: 0; /* Убираем отступ у последней кнопки */
}

/* Стили для рядов карточек */
.row {
    display: flex; /* Используем Flexbox */
    flex-wrap: wrap; /* Позволяем карточкам переходить на новую строку */
}

/* Ширина карточек */
.card {
    flex: 1 1 calc(33.333% - 16px); /* Ширина карточки 33.33% */
    margin: 8px; /* Отступ между карточками */
    box-sizing: border-box; /* Учитываем отступы и границы в общей ширине */
}

/* Уменьшение размера карточек на мобильных устройствах */
@media (max-width: 768px) {
    .card {
        flex: 1 1 calc(50% - 16px); /* Ширина карточки 50% */
    }
}

@media (max-width: 576px) {
    .card {
        flex: 1 1 100%; /* Ширина карточки 100% */
    }
}
style.sborka.css:
/* Общие стили для элементов */
input[type="text"],
select {
    width: 100%;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}

/* Кнопки */
input[type="submit"],
a,
button[type="submit"] {
    padding: 8px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 4px;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-weight: normal;
}

/* Ховер эффекты для кнопок */
input[type="submit"]:hover,
a:hover,
button[type="submit"]:hover {
    background-color: #0056b3;
}

/* Специальные кнопки */
a {
    background-color: #dc3545;
}

a:hover {
    background-color: #c82333;
}

/* Выравнивание кнопок */
.buttons-container {
    display: flex;
    justify-content: center; /* Центрируем кнопки */
    margin-top: 10px; /* Отступ сверху */
}

/* Стиль формы */
.form-inline {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: flex-end;
}

.form-group {
    display: flex;
    flex-direction: column;
    margin-right: 10px;
}

label {
    margin-bottom: 5px;
    font-weight: bold;
}

/* Заголовок */
.header {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 18px;
}

/* Основные стили для карточек */
.card {
    background-color: #f9f9f9; /* Цвет фона карточки */
    border: 1px solid #ddd; /* Цвет границы */
    border-radius: 8px; /* Закругление углов */
    padding: 16px; /* Внутренние отступы */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Тень */
    transition: transform 0.2s; /* Плавный переход при наведении */
}

/* Эффект при наведении */
.card:hover {
    transform: scale(1.02); /* Увеличение при наведении */
}

/* Заголовок карточки */
.card-title {
    font-size: 1.5em; /* Размер шрифта */
    margin-bottom: 12px; /* Отступ снизу */
}

/* Текст карточки */
.card-text {
    margin: 10px 0; /* Отступы сверху и снизу */
}

/* Стили для рядов карточек */
.row {
    display: flex; /* Используем Flexbox */
    flex-wrap: wrap; /* Позволяем карточкам переходить на новую строку */
}

/* Ширина карточек */
.card {
    flex: 1 1 calc(33.333% - 16px); /* Ширина карточки 33.33% */
    margin: 8px; /* Отступ между карточками */
    box-sizing: border-box; /* Учитываем отступы и границы в общей ширине */
}

/* Уменьшение размера карточек на мобильных устройствах */
@media (max-width: 768px) {
    .card {
        flex: 1 1 calc(50% - 16px); /* Ширина карточки 50% */
    }
}

@media (max-width: 576px) {
    .card {
        flex: 1 1 100%; /* Ширина карточки 100% */
    }
}

/* Стиль для кнопок */
.button {
    padding: 8px 12px; /* Увеличенные отступы для кнопок */
    text-align: center; /* Выравнивание текста по центру */
    border-radius: 4px; /* Закругленные углы */
    text-decoration: none; /* Убираем подчеркивание */
    margin-right: 35px; /* Отступ между кнопками */
}

/* Основной стиль кнопок */
.button-primary {
    background-color: #007bff; /* Цвет фона для кнопки "Изменить" */
    color: #fff; /* Цвет текста */
}

.button-danger {
    background-color: #dc3545; /* Цвет фона для кнопки "Удалить" */
    color: #fff; /* Цвет текста */
}

/* Ховер эффекты для кнопок */
.button-primary:hover {
    background-color: #0056b3; /* Темнее при наведении */
}

.button-danger:hover {
    background-color: #c82333; /* Темнее при наведении */
}

.button:last-child {
    margin-right: 0; /* Убираем отступ для последней кнопки */
}