Может ли grid автоматически растянуть по ширине не влезающий элемент (как flex-grow при wrap)?

Михаил Оловянников, с известным количеством колонок я бы использовала прием как в статье.

Может ли grid автоматически растянуть по ширине не влезающий элемент (как flex-grow при wrap)?

Михаил Оловянников,

но не понял как она может помочь в данном случае

В данном случае, при наличии auto-fill, никак.

Может ли grid автоматически растянуть по ширине не влезающий элемент (как flex-grow при wrap)?

Без auto-fill можно и без media. С помощью вот этой чудесной статьи https://css-live.ru/articles/resheno-s-pomoshhyu-c...

Но я не уверена, что дизайнеру понравится решение с растянутой строкой (но это уже не о гридах)

Как перебрать селекторы через for?

По-моему, вы очень затейливо решаете какую-то довольно простую задачу.
Хорошо бы рассказать именно её.

Но если всё таки так надо, то:
1. ii ++? Может все таки i++?
2. Почитайте про querySelectorAll.
3. Зачем в селекторе body? У вас что, есть формы, которые лежат не в body? У вас >11 форм на странице?
Может, вам просто инпуты найти?
Заменить всю эту дичь на что-то типа document.querySelectorAll('input[type="chekbox"]') и дальше forEach.
4. Используйте кавычки `

с самими селекторами вопросов не возникает,

Лично у меня ваш селектор вызывает много вопросов. Очень много.

Как скрыть/показать длинный текст в div-ном блоке?

My1Name, может, начать с подсчета символов? И получившихся строк?
Удобнее манипулировать классами, чем напрямую стилями. Если нужно передать получившийся размер, то делать это через кастомные свойства.
Например,

let lines = вычисляем;
item.style.setProperty('--lines', lines);

line-clamp: var(--lines, 4)
Так будет меньше проблем при возможных переопределениях.

А дальше почитать про text-overflow: ellipsis; и line-clamp

Как сделать прозрачный бордер?

Aetae, у меня маска и тень у разных элементов. Не то чтобы мне прям нравилось это решение.. Но можно заменить на псевдо.

Как заставить gulp.watch реагировать только на сохранение, а не любое изменение файлов?

А у вас точно нет стоит автосохранение?

Почему Edge меняет размер шрифта моего сайта на размер шрифта браузера (Который задается в настройках самого браузера)?

Gost127, кому нужно? Пользователю, который не видит, что вы там понаписали?

В предыдущем вашем вопросе уже отвечала на это Что делать, если в дизайне шрифт меньше минимального?
И нет смысла дублировать вопросы.

Почему Edge меняет размер шрифта моего сайта на размер шрифта браузера (Который задается в настройках самого браузера)?

Потому что Edge (справедливо) считает, что если пользователь сказал, что шрифт меньше 14px он просто не увидит, то имеет смысл все шрифты увеличить до читаемого размера.

Странно, что это вызывает вопросы.

Что делать, если в дизайне шрифт меньше минимального?

1. Пойти узнать что думает дизайнер
2. Если речь про ваш браузер, то пойти в настройки
3. Если про пользовательские, то учитывать такое переполнение. Т.е. чтобы если шрифт окажется больше макетного, то ничего бы не ломалось и читалось

Как найти, где лежит нужный элемент в Wordpress?

Вариантов не много. Поиск по всем файлам проекта, поиск по БД.

Стили CSS не работают, в чем может быть причина?

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

Да? А в подключении стилей вы пишете, что они лежат в папке css.
Так как на самом деле?

Проблема кнопки PLAY NOW, не применяются стили, и у текста h1 текст тоже не срабатывает.

Нужно начать с того, что к body они тоже не применились.

Так может быть потому что
1. всё таки ошибка в пути к файлу. Инструменты разработчика -> вкладка Console -> там смотреть ошибки. Браузер покажет, где ищет файл. Нужно сравнить с тем, где он есть на самом деле.
2. Ошибка в верхней части css
3. Кэш
4. Что-то ещё, о чем мы не знаем из вашего вопроса.

Почему позиционирование слоев работает не правильно?

KralisV,

Почему позиционирование слоев работает не правильно?

Оно работает правильно.
Чтобы понять как именно оно работает, гуглите "css контекст наложения", там полно источников, выбирайте, который любите.

Как сделать прозрачный бордер?

Lara B, так выкладывайте скорее в решения!

Как сделать прозрачный бордер?

Lara B, https://jsfiddle.net/Ankhena/kLr7onyb/3/
дырочки можно на основе вот этого.
Обводка - тоже, тенью.

Есть ли такой проект по Вёрстке который ответит на Любой вопрос?

Зачем всё это делать заранее?
Обычно такие модули накапливаются постепенно сами собой. А потом, также потихоньку, оптимизируются.

Почему не работает gulp-webp?

Владимир Баласян, устарел он...

Почему не работает gulp-webp?

Владимир Баласян, в предыдущем комментарии не написано на что нужно обратить внимание? Жаль.

Не подключается шрифт через font-face?

Логично, ведь вы перебиваете свойство src и применяется последнее.
Т.е. мало того, что неверно написано, так еще и перепутанном порядке.

В font-family при подключении пишут только название. Там нет ничего запасного. Запасной нужен, когда применяют шрифт.

Зачем вы в современном мире хотите загрузить eot и ttf вообще загадка. Вы реально собрались поддерживать ИЕ9 и подобные?

Что делать:
1. Открыть справочник или загуглить "подключение шрифтов из файла", посмотреть что и как пишется.
2. Загугилить каким браузерам какой формат файлов.
3. Для современных браузеров использовать woff2. Если нужна поддержка предыдущего поколения, после добавить еще и woff.

p.s. bold это обычно 700, но если уверены, что 900, то ок.

Как сделать такую анимацию SVG из фигмы?

Альберт Макс, в смысле это не сама форма, а её демка?
Ну хоть прямо svg и используйте или переведите в Lottie или типа того.