Сергей delphinpro

А смысл? Условие (max-width: 640px) and (min-width: 641px) никогда не выполнится.
Экран не может быть одновременно меньше 640 и больше 641

Значения hidden и visible не совместимы по разным осям. Если по одной оси задан hidden, то по другой возможен только hidden или scroll. Иначе говоря, visible можно задать только для обеих осей одновременно.

В целом ваш вариант выглядит правильным, и проблема не в форме, скорее всего.

Кстати, так немного компактнее:

<form method="POST" if="myform">@csrf</form>
@foreach($posts as $post)
    <button type="submit"
        form="myform"
        fromaction="{{ route('admin.post.delete', ['post' => $post->_id]) }}"
    >Удалить</button>
@endforeach

window.settings1 = {}

let varName = 'settings1';
console.log(
  window[varName]
);

"Не все так просто". Как пафосно.

А на деле всего лишь реализовать изъезженную штуку. Click outside называется. Закрытие селекта при клике вне его.
Гуглить по фразе javascript click outside, ответов - тысячи.

UPD

<form action= …>
    <input name="fileskin" type="file" onchange="this.form.submit()">
</form>

<div class="grid">
    <img class="grid-item" src="">
    <img class="grid-item" src="">
    <img class="grid-item" src="">
    <img class="grid-item" src="">
    <img class="grid-item" src="">
</div>

.grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 2px;
}
.grid-item:nth-child(1),
.grid-item:nth-child(2) { grid-column: span 3; }
.grid-item:nth-child(3),
.grid-item:nth-child(4),
.grid-item:nth-child(5) { grid-column: span 2; }

Абсолютное позиционирование "вырывает" элемент из текущего потока и он не влияет на своих родителей в плане занимаемого места.

Вы что курили, когда такие имена классов придумывали? Мне отсыпьте.

function sum(num1, num2, callback) {
    let res = num1 + num2;
    let returnParam = callback(res);
    console.log(returnParam);
}

sum(1, 3, function(result){
    console.log(result);
    return 'data for returnParam';
})

в javascript не предусмотрена такая запись сравнения. В сравнении участвую только два операнда. В первом случае у нас две операции сравнения и они будут выполнены в порядке очередности. То есть скобки будут такие (604.5 < -597.5) < 512.5

604.5 < -597.5 < 512.5
(604.5 < -597.5) < 512.5
false < 512.5 // тут приведение типа bool к int
0 < 512.5
true

Во втором случае приоритет операторов немного иной. Сначала выполняются сравнения, потом логическое И.

604.5 < -597.5 && -597.5 < 512.5
(604.5 < -597.5) && (-597.5 < 512.5)
false && true
false

Вам нужно освежить знания по темам: операции сравнения, логические операции, неявное приведение типов, приоритет операторов.

https://getbootstrap.com/docs/5.2/components/navs-...
на селекте слушать onchage, а там уже триггерить нужный таб, в зависимости от выбранной опции

File | Settings | Editor | Code Editing

if (value.error) {

}

а вообще лучше сделать так, чтобы ошибка до сюда не доходила. Централизованно где-то выше, при получении данных, отсекать ошибку и показывать уведомление.