Abraham Word

Можно отрисовать изображение на канвасе с применёнными фильтрами через js, а потом скачать canvas.toDataURL('image/jpeg')

Без JS не получилось

Сначала я установил контейнеру, в котором находятся эти два блока, position: absolute; и bottom: 0;, что прижало его к нижней части экрана, и теперь, когда я вводил сообщение, input стал растягиваться вверх, толкая блок с сообщениями выше, а сжимать блок сообщений пришлось уже с помощью JS, получив offsetHeight блока обертки input'а и вычитая его из высоты блока сообщений при изменении input'а

Вот современный способ проверки на соответствие медиавыражению:

if (window.matchMedia('(max-width: 700px)').matches) {
  for (const linkElement of document.querySelectorAll('.order-project__more-details-btn')) {
    linkElement.setAttribute('href', 'examples-foundation-640')
  }
}

А вот документация: https://developer.mozilla.org/ru/docs/Web/API/Wind...

const links = document.querySelectorAll('.order-project__more-details-btn');
const BREAKPOINT = 700;

if (window.innerWidth < BREAKPOINT) {
  links.forEach((link) => {
    link.href = '#link2';
  });
}