Урок 3. Верстаем «Хедер»

В этом видео мы сперва сделаем базовые вещи, которые нам потребуются при дальнейшей верстке макета, а также сверстаем хедер.

Полезные ссылки:

[Romzec]

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

[hugheverett]

Мега крутой и полезный урок, много полезного вынес для себя ! Спасибо! Жду с нетерпением подобного материала с использованием собственной сетки на флексах.

[МаринаТюгай]

Спасибо большое за подробное объяснение ❤

[RSka]

Все понятно и доступно. Единственное что пугает так это такое огромное количество классов. Я только начинаю учить верстку и это уже 3й вариант который я попробовал. Голова просто взрывается !

[НатальяУльянова]

Александр, спасибо большое! Очень полезные "вещи" и очень понятно объясняете!

[PRIME-STORE-hg]

Немного дополню: на 41:50 автор говорит, что нужно завернуть в блочные элементы и мы создаем div и заворачиваем в него наши контакты(что увеличивает код и уменьшает понимание за счет большого количества вложений(как на меня)), можно проще: в style.css для классов .phone-number, .email-adress в дополнение до text-decoration указываем display: block.
.phone-number, .email-adress {
text-decoration: none;
display: block;
}

[michaeljackson]

Парень молодчина, наверно один из немногих кто верстает нормально по БЭМ. А не как всякие говно кодеры-ютуберы.

[andreinechaev]

Супер, очень профессионально, на высоком уровне и в тоже время доступно. Лайк.
У меня вопрос - а нужен ли фотошоп, если речь идет только об обычной верстке интернет-страницы? Вы используете его для демонстрации или это так сказать производственная необходимость?

[vladp]

Спасибо за урок. Хотел спросить, обязательно ли, в данном случае, было оборачивать в дополнительные div'ы контактную информацию?Нельзя ли было обойтись display: block, для классов .phone-number и .email-adress?

[мусаЦукаев-ии]

В данном случае родителю можно добавить overflow:hidden в место clear блока или класса.

[stas]

Александр скажите, можно ли было не оборачивать ссылки в header в дивы, а смиксовать классы у ссылок ( logo - блок и тут же header__logo - элемент хедера? (39-ая минута) За урок спасибо.

[СергейСоколов-црн]

При наборе при включенной русской раскладке ИЩВН, редактор сам изменил на "body".
Как такое сделать ?

[bahram]

Александр когда ты написал русскими шрифтами ты сразу менял надпис на латиницу, как сделать это? не удаляя надпис?

[vadimbogdanov]

Для верстки eще подходит Windows XP или нужно менять на Windows 7 8...? " на что это может повлиять?

[Vovandopalo]

Господи, раньше же не было столько классов....

[Vovandopalo]

У меня в фш в первой вкладке показывает только Roboto, а во второй только Light. в чем проблема? ФШ 2018

[haaaniiif]

Почему у меня email phone number на них слишком большой шрифт и они не реагируют на header__contact {
float: right;

[NybikChannel]

Александр, прошу объясните как сделать логотип в шапке по центру. Причем что б он был прописан в html документе, и при приближении просто разъезжался равномерно в разные стороны, я искал инфу 3 часа, но ничего рабочего не нашел, сейчас остановился на text-align: center ибо других вариантов не вижу, а с margin он вообще с ума сходит. Буду признателен за помощь.

[ЕлисейГойденко]

А давайте каждому дескриптору дадим свой класс, а потом сделаем div и ему дадим еще один класс. Мне кажется тут перебор с этим...

[БендерЗадунайский-щы]

почему авторы, реально умеющие доступно и правильно объяснять бросают это дело?
Автор, зря забросил! Продолжи дело!