Максим

Во-первых, jQuery родилась во времена, когда каждый браузер реализовывал JS и DOM API по-своему, её основным назначением было сглаживать эти различия. В наше время это преимущество библиотеки уже утеряно. Во-вторых, jQuery не соответствует основному вызову современности - сложной кодовой базе. В развитом фронте код, использующий jQuery, быстро превращается в трудно сопровождаемую лапшу. Поэтому для простого фронта чаще стали использовать ванильный JS, а для сложного фреймворки типа React, Angular и Vue.

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

очень популярен в последнее время(#1 distrowatch),

Абсолютно неавторитетный источник с нулевой полезностью.
Берите Debian.

Перевел кое как на английский вопрос, и погуглил, не думал что правильно сформулирую вопрос на англ, вопрос, но получилось. Решение такое, может кому пригодиться

Стиль такой к блоку с бордером

-webkit-box-decoration-break: clone;
	box-decoration-break: clone;

Не знаю насколько кроссбраузенрно но работает

Вот живой пример
https://codepen.io/rpsthecoder/pen/yjVMLB

Используйте includeHTML.

Минимальная ширина просто для примера, чтобы был виден вылет вверх на мобильных, для них нужно просто через media подгонять ширину блока с текстом, что мне делать лень.

Результат querySelectorAll - это как бы массив.
document.querySelectorAll('.div2')[0].style.width
Ну и селектор не "div2", а ".div2", ибо нужно выделить класс.

Добрый день!
Вот такой вариант подойдет?

Это очень сложно сделать правильно, но могу подсказать куда копать.
https://codepen.io/PavelDoGreat/pen/zdWzEL
Но можно проще используя svg фильтр турбулентности.

PavelDoGreat/WebGL-Fluid-Simulation – там посмотрите в т.ч. References.

И целый топик на GitHub: fluid simulation

По onclick вызываешь ajax функцию.
Которая берез текст из твоего дива и отправляет на сервер.Там уже и записываешь.
Взять текст из вида примерно так на jquery. На JS можешь поискать сам, но это проще.
$( div ).html();

Отправить ajax можно посмотреть тут примеры со строки.

В файл надеюсь запишешь)

з.ы. Это если уже все совсем кратко

Я думаю что либо картинкой, либо дополнительный div с треугольником в css. Кто на что гаразд.

Оставьте бэкэнд в покое. Пусть просто выплевывает блоки сплошным потоком: