Как задавать значения width и height изображениям при адаптивной верстке?

Вячеслав Яшников, что именно вас смущает в

Потом переопределяются стилями.

Высоту на просто auto

Как задавать значения width и height изображениям при адаптивной верстке?

При верстке mobile-first ставятся мобильные размеры картинки.
При desktop-first, соответственно.
В рекомендациях гугла видела фразу о том, что достаточно просто правильных пропорций в атрибутах.
Потом переопределяются стилями.
Также атрибуты width и height задаются тегам source при использовании picture.

Тег < p > и < span >. Есть разница?

Кирилл Гусарев,
Спека:
https://html.spec.whatwg.org/multipage/dom.html#pa...
https://html.spec.whatwg.org/multipage/grouping-co...

Тег < p > и < span >. Есть разница?

PolarOne, какой тег использовать зависит не от их визуальной разницы или того какую ширину они занимают по умолчанию.
А от смыслового назначения тега.

И именно это отвечает на вопрос автора, почему пишут p, а потом меняют ему display

Тег < p > и < span >. Есть разница?

Если захотите сделать какой-то элемент внутри строки (параграфа), выделить текст, сделать иконку - то еще один строковый элемент не лучшая идея.

Во-первых, по умолчанию, p это блок, а не строка.
Во-вторых, что во что можно вкладывать определяется не блочностью, а категорией контента.
В-третьих, то, что вы нарисовали определяется свойством display, а не просто самим тегом.

Тег < p > и < span >. Есть разница?

Хочу добавить, что смысл слова "параграф" с жизни и в верстке отличается и имеет более расширенное применение.
В жизни это просто блок текста из одного или нескольких предложений.
А в верстке может также служить и для группировки фразового контента. Например, лейбла и инпута.

Как экран разделить на сплошные карточки 4 сверху, 4 снизу,чтобы при публикации они не смещались в стороны.Позиции,проценты все пробовала?

Без песочницы с вашими попытками сложно придумать почему не получилось и в какие стороны оно разъехалось.

Да и ответ будет довольно дурацким: используйте %, vw, vh, fr.

https://codepen.io/pen/

Как убрать накладывание бордера?

masha096, ну, во-первых, через nth-child не выйдет. Выйдет через соседние селекторы.
Во-вторых, не выйдет всё равно, потому что уберется и во время движения.
Отсюда вывод: рисуйте границу слайдера не бордером, а чем-нибудь другим. Например, псевдоэлементом.

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

rifat2125, еще раз: любой. Twig, nunjucks, pug, handlebars, lodash...
Я бы в этот момент перешла на CMS. Особенно если натяжкой занимаетесь вы сами, как это написано в вопросе.

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

rifat2125, Любой, подходящий под ваши требования.
Без конкретики это опрос. А опросы тут запрещены.

Не срабатывает анимация при заполнении текста в 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, это, конечно. Ещё олин аргумент для првышения своего уровня.