origami1024

Чтобы подгружать содержимое элементов из другого файла по ajax:

$( "#элементКудаПрилепить" ).load( "адресСтранички.html" );

title:
document.title= 'что-то'

Путь, который будет в строке url браузера, но только часть, после доменного имени:
window.history.pushState("", "", 'то-то.html');

onclick на этой a, добавь событие

$('.mailsend').addEventListener("click", e =>{
  $('.mailsend').append('<input type="text" hidden>')
})

https://jsfiddle.net/Ldy6oe7x/

Можно использовать св-ва элементов - scrollLeft и scrollTop, например

https://codepen.io/origami1024/pen/VRaxKq

click event на документ
https://jsfiddle.net/bpjv0waf/

x.toString().match(/.{1,3}/g)

расположи их рядами - в каждом ряду один за другим,
следующий ряд сдвинут на половину половину высоты вверх,
каждый второй ряд сдвинут на половину ширины вправо

document.querySelector находит первый элемент с этим классом, на вторую кнопку ивент не прилепляется.

Используй
document.querySelectorAll('.main-wrapper__message')[0];
document.querySelectorAll('.main-wrapper__message')[1];

одинаковый padding-bottom для трех блоков и {margin-top: auto; margin-bottom:0} для дивов внутри этих трех блоков