Сергей delphinpro

html, body {
  height: 100%;
}

INSERT INTO RECIPE(recipe_id) VALUES('123','asp','McDonald's','c_t_m')

.payment-list:has(#no-payment:checked) + .send-box > .button-send {
  pointer-events: none; /* Предотвратить клики */
  …любые другие стили для обозначения неактивного состояния.
}

-var date = new Date();
 var h = document.getElementById('h');
 var m = document.getElementById('m');
 var s = document.getElementById('s');
 function update(){
+  var date = new Date();
   h.innerHTML = date.getHours();
   m.innerHTML = date.getMinutes();
   s.innerHTML = date.getSeconds();
 }
 var t = setInterval(update, 1000);

echo str_replace('.00', '', number_format($number, 2, '.', ' ');

но не пойму, как 4 блок перенести в 3 колонку сначала?
Использовал данные стили, но 4 блок был на месте 5, и последующие не заполняли свободные ячейки

.box:nth-child(3n) {
 grid-column: span 2
}

.box:nth-child(5n + 4) {
    grid-column: span 2;
}

<div class="documents">
    <div class="documents__accordion-title"> </div>
    <div class="documents__list"> </div>
</div>
<div class="documents">
    <div class="documents__accordion-title"> </div>
    <div class="documents__list"> </div>
</div>
<div class="documents">
    <div class="documents__accordion-title"> </div>
    <div class="documents__list"> </div>
</div>

const accordions = document.querySelectorAll('.documents');

accordions.forEach(accordion => {
    const title = accordion.querySelector('.documents__accordion-title');
    const list = accordion.querySelector('.documents__list');
    title.addEventListener('click', () => {
        if (list.classList.contains('active')) {
            // Закрыть кликнутый
            list.classList.remove('active');
        } else {
            // Закрыть все
            accordions.forEach(accordion => {
                accordion.querySelector('.documents__list').classList.remove('active');
            });
            // Открыть кликнутый
            list.classList.add('active');
        }
    });
})

-<input type="radio" id="img1" name="images" checked>
 <label for="img1">
+   <input type="radio" id="img1" name="images" checked>
    <span>Image1</span>
    <i class="fa fa-sort-desc" aria-hidden="true"></i>
    <img src="..." alt="Img1">
 </label>

label{
   cursor: pointer;
   width: 100%;
+  display:flex;
+  align-items:center;
+  flex-wrap: wrap;
}
.fa{
-  float: right;
+  margin-left: auto;
}

ul {
   list-style-position: inside;
}