Верстка многостраничного сайта для самых маленьких, html/css/js подробное объяснение

Кому интересно, вот некоторые настройки emmet(перенос строки и класс после тега), настраивается в settings.json :
"emmet.preferences": {
"output.inlineBreak": 1,
"output.reverseAttributes": true
}

Подскажите, а как сделать теги такого же цвета как и у вас?

Спасибо 👍🔥

Добрый день, админ панель будет, с возможностью добавления контента, организацией обмена данными с пользователями, их регистрация и т.п?

в конце на табсах в Js просто перестало все работать, по разному пробовал переподключать файл и т.д., но не заработал

вже трошки передивився ютуба... чувак , ти красавчик) можливо з тобою все вийде...)

Аааа что делать с 11ти часовым видео вёрстки в которую я уже ввязался?!!😢

Дуже крутий контент і подача! Дякую!

привет, что за графический редактор?

Как и у всех концовка не работает,объяснений конечно нет по js особенно последняя строчка,лепят что то а что не известно)

Спасибо за труд!

страницей New cars ты обернул описание (h4,p,p) в див можно же сделать диву с классом 'card' border, а уже потом ссылке сделать border-top, display:block, width:100%, ну и появится полоска верху
Если такой плохой вариант то почему?
P.S с учетом что картинка не будем иметь своей обводки чисто картинка

Спасибо за такую прекрасную возможность и опыт! Только вот не пойму, почему все нужно оборачивать враппером. Почему нельзя боди стилизовать?

Кажется БЭМ и ему подобные только усложняют всё) длинные названия классов - зачем ? модули по-моему больше рулят, не надо париться с названиями классов и глазу легче

Дякую за матеріал!!! Молодець!!! Так і продовжуй!!!

Балдёж)

Почему-то padding в why-lease не работает 🤔

просто лучший, ору xD

Добрий день. Смотрю видео и повторяю за Вами, но возникла проблема. У меня почему-то шрифт не меняется.Браузер выбирает sans-serif а не Inter В чем может быть причина?

Дякую велике)))

Поставил лайк и подписался👍👍👍 спасибо дружище, побольше уроков с тебя, и реакт js покажи пожалуйста👌

Спасибо за урок :)

Привет, Вадим! Какой же ты МОЛОДЕЦ!

комент в поддержку

Перші 3 години все було +/- нормально а потім як то кажуть мене поплавило, то я не так клас записа то ще щось. Доречі були такі моменти коли я все вроді добре зробив як в туторіалу але результат інший наприклад коли ми робили синю обводку для card текста там де назва і розцінка то в мене він трохи випирав зправа але коли в .tabs__content-item замість gap: 100px 50px; написа gap: 100px 40px; то все пішло як по маслу, чи може це бути через озмыр екрана чи просто моя неуважнысть і десь вище не те написав¯\_(ツ)_/¯

Дякую за відео реально корисне дізнався багато в особливості про гарячі клавіші які спростили мені навчання, я взагалі в шоці як ти витримуєш 5+ годин щось записувати і при цьому говорити та жартувати. Я дивився в 2 підходи + невеликі перерви

Почему для такого ищи макеты выбирают, это все просто. А возьмите макет сложный

Почему меню копирайтовской навигации было названо copy__nav? Не правильнее было бы назвать footer__copy-nav, или я что-то не так понял?

Не понимаю, зачем Вы делаете практически все через паддинги, ведь элементы должны отделяться марджинами, а паддинги внутри какого-то элемента или я что-то не понимаю? Да , ЦСС позволяет делать как хочешь, но при адаптиве проблем не будет?

А подскажите пожалуйста, какой здесь стоит шрифт? По дефолту у меня другой, хочу поставить этот красивый :)

— У нас было 2 вечеринки, 75 разных тегов, 5 тромбонов, половина готового html'я и целое множество классов всех вариаций и направленностей, а также display: flex, justify-content: space-between, align-items: center, flex-direction: column и flex-grid: 1. Не то что бы это был необходимый запас для вёрстки. Но если начал собирать сайт, становится трудно остановиться. Единственное что вызывало у меня опасение - это javascript. Нет ничего более беспомощного, безответственного и испорченного, чем js-новичок. Я знал, что рано или поздно мы перейдем и на эту дрянь.

Спасибо за видео. Все очень доступно и понятно. У вас есть курс углублённый фронт разраб?

Спасибо Вадим! Видео можно было редактировать в Camtasia и убрать когда Вы думаете и т. д...

Всё сделал как у тебя, обновляю страницу - ничего нет!

Не совсем понял, почему когда было сделано position absolute и z-index 5 для header main и top, то картинка слайдера прыгнула вверх?
Это z index так сделал? То есть этот индекс выше нуля в отличие от того как было по дефолту и поэтому нижний блок с индексом 0 прыгнул под верхний?

Благодарю за очень подробный курс❤

Не сказал бы что для самых маленьких... Не объяснил margin, когда писал его в начале, напихал просто куеву тучу дивов. Новичку в этом всём точно не разобраться...

line-height = 20.8px / 16px = 1.3

Круто! после твоих уроков и твоего платного курса даже не хочется смотреть на обучающее видео других верстальщиков! У тебя как то все правильно по БЭМ и без лишнего кода
Кстати хотелось бы от тебя увидеть разбор правил БЭМ с их официального сайта с примерами и оригинальной подачей ;)

Подскажите, а было бы правильно вставлять иконки в разделе why-lease не с помощью <img src="*.svg", а просто с помощью элемента тега svg с атрибутом path и кучей циферок?)) Просто осваиваю сейчас svg, решил уточнить, или у такого метода есть недостатки по сравнению с img?

Почему blod__item-link мы задали падинг 4 20, а blog__link уже задаём общий размер 225px?

а чому ти не юзаєш scss?

Добрый день , а кто верстал этот макет, есть у кого архив изображений и шрифты из макета, на работе интернет вери слабый. так бы скачал пакет требуемых элментов и верстал бы)

Отличный урок! Слышал, что такие свойства как font-size лучше задавать в rem для доступности, имеет право на существование?
МОжно ли в футере отступы задать марджинами, например после тайтла сделать margin-bottom: 40px?

Ты лучший бро жду ещё такие уроки с ясным пояснением!!!

Вадим ті супер)))👍

Дуже вдячний!

Наконец то получилось сверстать сайт первый без ошибок каких либо и непонятных вещей!Большое спасибо!