Константин

Попробуйте добавить в код выделенное жирным

const request = new Request('http://localhost:3000/auth/google', {
      credentials: 'include',
     <b> mode: 'cors' </b>  <i>// no-cors, *cors, same-origin</i>
      headers: new Headers({
        ....
      }),
    });

Принцип flexbox противоречит принципу 'резиновый'. У вас не адаптивная, а жесткая верстка.

Кинь объявление на авито, что сделаешь всё что угодно от лендинга до соц. сети (с бекэндом) за 500 руб./час. Работой будешь обеспечен.

Попробуйте в headers указать одну из настроек: cors, no-cors, same-origin или navigate.

https://developer.mozilla.org/ru/docs/Web/API/Requ...

Смотря что ты хочешь. Делать сервис и продавать свои услуги за деньги никогда не поздно. Научно-прикладная отрасль без солидного бекграунда наверно уже закрыта навсегда.

Если через джаваскрипт, то установи таймер setTimeout на нужную задержку, а в функции колбэк добавь присвоения стиля с анимацией opacity/transition

<div id='id1' style='height: 200px; background-color: red'></div>
<div id='id2' style='height: 200px; background-color: blue'></div>
<div id='id3' style='height: 200px; background-color: green'></div>

let block = document.getElementById('id1');

let blockEvent = block.getBoundingClientRect().bottom + window.pageYOffset;

window.onscroll = function() {
  if (window.pageYOffset > blockEvent) {
    console.log('it works!');
  }};