Не срабатывает анимация при заполнении текста в input?

GIRU,

<input type="text" name="name" id="name" class="form__input input">

где он?

Какой шаблонизатор посоветуете?

Чем не подходит каждый из нагугленных?

Зачем нужен div.green в моём случае?

а не, например, square.green в отмеченной строке

Потому что тега square не существует.
Можете писать .square.green, если есть гарантия, что они все будут иметь класс square

https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...

Почему теги input и textarea при открытии страницы через live server стали неактивными (не вводится текст)?

Buyanto, https://codepen.io/pen/

Почему теги input и textarea при открытии страницы через live server стали неактивными (не вводится текст)?

Buyanto, тогда без примера иллюстрирующего проблему вряд ли вам можно помочь.
Можете ещё проверить код валидатором.

Почему теги input и textarea при открытии страницы через live server стали неактивными (не вводится текст)?

Имеет смысл открыть консоль и посмотреть/сравнить ошибки

Как убрать рамки по бокам страниц в браузере?

podushka, именно. Вы всё можете посмотреть самостоятельно через инструменты разработчика в браузере.

Как убрать рамки по бокам страниц в браузере?

Потому что ширина контейнера в Яндекс.Музыке 1440px, тут тоже. Так придумали дизайнеры.

Как правильно стилизовать range для chrome?

С этим margin-top: -1.25rem; разбирайтесь

Front-end разработчик обязан уметь верстать в разных программах?

Сергей delphinpro, это, конечно. Ещё олин аргумент для првышения своего уровня.

Front-end разработчик обязан уметь верстать в разных программах?

Фигма и Скетч это две разные вещи, не надо путать.

Вы можете отказываться работать с дизайнами в psd. Вас же не заставляют.
Ваш личный выбор.
Сейчас все больше и больше дизайнеров используют Фигму.

Верстальщик никому ничего не обязан до тех пор, пока не подписал договор и не взял проект в работу.
Хороший верстальщик может достойно сверстать что угодно и откуда угодно, хоть из jpg.

CSS свойство outline на андроиде работает как надо, а на айфоне - неправильно. Почему?

Максим, уже бывает.

stremsky используйте border или тени.

Возможно ли сделать общий футер на всех страницах?

Deita, подключение css тоже программирование?

Возможно ли сделать общий футер на всех страницах?

Deita, собственно, что вам нужно знать кроме HTML, чтобы использовать SSI?

Возможно ли сделать общий футер на всех страницах?

maksam07, у нас с вами совершеннолетие в разные моменты наступает.

Возможно ли сделать общий футер на всех страницах?

- SSI
- gulp-file-include - плагин для галпа (я бы назвала его мини-шаблонизатором)
- Шаблонизатозы: Nunjucks, Twig, Pug
- Генераторы статики типа 11ty (Хороший обзор https://www.youtube.com/watch?v=DtTadxKrFMY)
- php
- взрослые CMS

Наверняка что-то ещё, о чем я забыла

А также

https://qna.habr.com/q/341201
https://qna.habr.com/q/342612
https://qna.habr.com/q/991729
https://qna.habr.com/q/1222972
https://qna.habr.com/q/1082694
https://qna.habr.com/q/1152688
https://qna.habr.com/q/1242738

и т.д.

Как такой фон сделать?

clip-path
градиенты
svg на фоне
псевдоэлементы с треугольниками
...

Как сделать изобрадения слайдов фоном, чтобы контент был внутри и изменялся при слайде?

Не всё понятно, что вам не понятно.
Если фон не должен меняться, то это фон слайдера.
Если фон должен меняться вместе со слайдом, то это фон слайда.

Как выравнить элементы в grid?

Знаете, если заменить разметку на dl, <dt> и <dd>, то даже вопроса такого бы не возникло. Они бы элементарно выстроились гридом без танцев.

Как округлить ширину блока до целого числа при адаптивной ширине?

Расскажите, пожалуйста, исходную задачу. В текущей формулировке она выглядит весьма странно.