<button type="submit" formaction="send_mail.php?act=buy">Купить участок</button>
<button type="submit" formaction="send_mail.php?act=sell">Продать участок</button>
$_GET['act']
но не пойму, как 4 блок перенести в 3 колонку сначала?
Использовал данные стили, но 4 блок был на месте 5, и последующие не заполняли свободные ячейки
.box:nth-child(3n) {
grid-column: span 2
}
.box:nth-child(5n + 4) {
grid-column: span 2;
}
грид не такой кроссбраузерный как float
.element {
/* width: calc(33.3% - 20px); */
width: calc((100% - 20px * 2) / 3);
height: 50px;
background: black;
}
.container {
width: 500px;
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(3, 1fr);
border: 1px solid green;
}
.element {
height: 50px;
background: black;
}
<div class="block">
<img src="..." onload="this.classList.add('loaded')">
<span>Текст поверх картинки</span>
</div>
.block {
position: relative;
}
.block span {
position: absolute;
display: none;
}
.block img.loaded + span {
display: block;
}
<link href="styles.css?random_string">
<link href="styles.css?<?=time()?>">
<link href="styles.css?<?=md5_file(путь_к_файлу/styles.css)?>">
<link href="styles.css?<?=filemtime(путь_к_файлу/styles.css)?>">