Как перестроить блок?

vikas_web, я ведь не знаю, что в макете и зачем вам нужны внутренние обертки ;)
Если это только ради построения такой сетки флексами, то это дичь полная.

Есть 5 дивов, нужно чтобы было - 4 в строку, а пятый не зависимо от них. У меня пятый липнет к тем четырём. Как это пофиксить?

Владлен Шелегин,

сказали по английски надо

Так у вас не английский....

Как в нерабочее время показать надпись, что мы не работаем и запретить отправку заказа (input type=submit)?

Николай, ну вот у всяких Пятерочек и подобных меня всегда бесит, что я не могу ночью оставить заказ на утро.

И я иду к конкурентам :)

Как написать один блок(нужна помощь новичку )?

vadin322, я могу только снова повторить: делайте песочницу с тем, что не получилось.
Телепатия тут работает, но совсем без кода, довольно плохо. А в вашем случае почти никак.

Как перестроить блок?

vikas_web, контента побольше добавьте (и в разных комбинациях) и сами посмотрите, плохо так или подходит.

Как побороть схлопывание элементов Grid сетки?

Григорий, у вас там вроде все значения россыпью? Объединить по карточкам не вариант?

Как перестроить блок?

Алексей Дубровин, зачем лишняя разметка, когда есть гриды?

vikas_web используйте гриды и перестраивайте легко что хотите.

Как в нерабочее время показать надпись, что мы не работаем и запретить отправку заказа (input type=submit)?

Вы уверены, что это умный ход?
Мало ли в какое время клиенту удобно сделать заказ?

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

Есть 5 дивов, нужно чтобы было - 4 в строку, а пятый не зависимо от них. У меня пятый липнет к тем четырём. Как это пофиксить?

Мне кажется, что выигрывает этот:

class="chto_i_umey"

Как написать один блок(нужна помощь новичку )?

vadin322, если таких li будет 4, то да, верно.

Как написать один блок(нужна помощь новичку )?

vadin322, это не похоже на ссылку на jsfiddle.net или аналогичные песочницы. С их помощью можно делиться кодом. На jsfiddle для этого даже не нужна регистрация.

Имейте в виду, что код скринами на этом сервисе запрещен.

Есть 5 дивов, нужно чтобы было - 4 в строку, а пятый не зависимо от них. У меня пятый липнет к тем четырём. Как это пофиксить?

Сделайте песочницу на jsfiddle.net или аналоге.
Нарисуйте, как должно быть.

float: left;

Флоаты для сетки перестали использовать уже много лет назад.
Используйте гриды или флексы.

Есть 5 дивов, нужно чтобы было — 4 в строку, а пятый не зависимо от них.

Они же не просто так должны быть вместе?
Оберните их в обертку.
В вашем случае, судя по коду, в ul

img {width: 250xp;}

Нет таких единиц измерения

class="keysi"

Это отвратительно. И все остальные транслиты.

Как написать один блок(нужна помощь новичку )?

vadin322,
как-то так



На втором скрине h3, а не h2

Как написать один блок(нужна помощь новичку )?

vadin322, нет, это section

Как написать один блок(нужна помощь новичку )?

vadin322, переформулируйте вопрос, пожалуйста

Как написать один блок(нужна помощь новичку )?

vadin322, пробуйте, делайте песочницу на jsfiddle.net или аналогах и показывайте

Как написать один блок(нужна помощь новичку )?

vadin322, Это два span внутри одного p.
Делаете их блочными. Всё.

Можно ли через css изменить className html?

Не вполне понятно, чего вам не хватает для анимации на CSS.
Основной класс есть, добавляемый класс тоже есть. Animation или transition и вперед.

Как выборочно расположить элементы по 2 стороны контейнера?

Можно, пожалуйста, пример как они по классу окажутся в разных строках и с нужной стороны?

Как реализовать нестандартные бордеры?

Владимир Проскурин, да его уже один раз забанили https://qna.habr.com/user/maketosLikes/questions

А это сам вопрос https://qna.habr.com/q/1072266