Адаптивная верстка сайта с нуля с пояснениями. Макет Avion. Часть 4. Страницы Product и Cart

Привет. Продолжаем марафон верстки небольшого многостраничного сайта - интернет-магазина. Верстать будем на чистом html, css, js, чтобы понятно было даже самым новичкам. Погнали)
Макет: www.figma.com/file/RArY7BvPfH...
Стартовая папка: drive.google.com/drive/folder...
Типограф: www.artlebedev.ru/typograf/
Библиотека перемещения элементов: github.com/SineYlo/transfer-e...
Готовый код доступен по подписке: boosty.to/maxgraph
Доп. контент и поддержка канала:
❤️ boosty.to/maxgraph
❤️ www.donationalerts.com/r/maxd...
Полезные ссылки:
🤌 Макеты для верстки: verstaem.online/projects/
🤌 Задачки по верстке с решениями: verstaem.online/tasks/
🤌 Курс по верстке html-писем: verstaem.online/courses/html-...
🤌 Канал с полезностями в телеграм: t.me/maxgraph
🤌 Чат для верстальщиков: t.me/maxgraph_chat
🤙 ВК Видео: video/@maxgraph
👋 Меня зовут Максим. Верстальщик, занимаюсь веб-разработкой 7 лет
Подписывайся: / @maxgraph
#верстка #html #css

[@user-gg2ye5gw2h]

Отдельное спасибо за объяснение js реализации счётчика. Не знал как еого делать правильно

[@greyneck812]

Спасибо за ваш труд! Очень много почерпнул для себя из ваших уроков)

[@tabalk]

отлично! ещё давай!

[@NightBos]

Thank you very much ❤😊

[@TeomunMete]

Большое спасибо

[@AnatolyGradovoy]

лайк

[@lakumatina]

Круто! Максим, печатаете вслепую?

[@maxgraph]

Да) на клавиатуре нет русской раскладки

[@user-pm3ms3kd9h]

Спасибо, полезный ролик. вопрос а можно ли всей карточке в той же "cart" задавать шрифты -weight, height,size,color - а потом отдельные значения заменять для title, descr, и тд

[@maxgraph]

Можно

[@AnatolyGradovoy]

​​привет, что за тема вс код?

[@amlrltd]

+

[@maxgraph]

One monokai

[@velessn]

на 47:14 если мы вводим в инпут число равное максимальному, + должен быть disabled, следовательно нужно добавить проверку на равенство введенного числа в инпут, максимальному. А по коду у нас 2 условия, либо больше, либо меньше, тобишь еще одно условие if (stepperInputEl.value == stepperMax) { stepperInputEl.value = stepperMax; stepperBtnPlusEl.classList.add('stepper__btn--disabled'); }

[@user-bn7mg3fs5d]

А какую вы выбрали для себя клавиатуру ? тихо клавиши работают ?

[@maxgraph]

Keychron k3)

[@amlrltd]

можешь подсказать тему вс код?

[@AnatolyGradovoy]

вроде какая то one dark pro только css чуть отличается

[@maxgraph]

One monokai