Логотип не градиентный в хроме

Question

Я новичок в WebDev и слежу за учебником на YouTube по созданию веб-сайта. Однако я застрял в этой части. Я не могу сделать свой логотип градиентным в Chrome.

      #navbar__logo {
  background-color: #ff8177;
  background-image: linear-gradient(to top, #ff0844 0%, #ffb199, 100%);
  background-size: 100;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  display: flex;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
  font-size: 2rem;
}

Answer 1

Если вы запустите свой код (плюс соответствующий элемент) с помощью средства проверки инструментов разработчика вашего браузера, вы увидите желтый треугольник или что-то подобное рядом со свойствами background-image и background-size.

На фоновом изображении есть ложная запятая.

Размер фона в этом случае не нужен, но если он вам нужен, вам придется указать единицы.