25:30 В секции содержится ряд технических тегов которые нужны браузеру как инструкции, которые помогают отображать информацию. 28:57 Внутри содержится все содержимое страницы, все то, что отображается на странице. 29:40 Самые распространенные тег и почему Т.е. теги, под определенный тип контента. 31:13 заголовок 34:41 параграф . контент в 2-3 строчки. 35:21 для создания ссылки 36:56 для картинок 39:18 используется, чтобы выделить что-либо где-либо внутри текста 40:30 для переноса строки, т.к. в html нет такого, текст идет как есть 41:35 (не маркированный список) выводится как списки 47:10 Начал говорить про CSS 50:33 Подключение CSS (каскадные таблицы стилей) 52:40 Из чего вообще состоит синтаксис CSS 59:14 как давать свойства CSS отдельно каждому тегу 1:03:46 этапы после верстки, если нужно программирование, или интеграция системы управления 1:04:35 С чего начинается верстка 1:05:05 как взять картинки из макета 1:08:42 когда использовать jpeg когда png. Если под картинкой будет фон, то png, т.к. только в png возможен прозрачный фон 1:11:25 div используется там, где вы не можете охарактеризовать содержимое, где не можете применить специальный тег. Теперь вместо div тег 1:12:33 первый экран оборачивать в тег , а последний 1:13:26 class="container" 1:17:46 no-repeat - запрещаем повторение картинки(т.е. при изменении размера экрана картинка может повториться, т.к. размер картинки может быть меньше). center - положение по горизонтали. top - положение по вертикали, примкнуть к верхнему краю. / cover - (директива) чтобы картинка всегда растягивалась на всю ширину экрана 1:18:34 высота container зависит от его содержимого 1:21:25 padding для обнуления отступов 1:23:40 запрашиваем на компе пользователя шрифт Arial, если его нету то включается - sans-serif (шрифты без засечек) 1:24:55 весь процесс верстки идет сверху вниз, слева направо 1:29:00 container один раз описал в CSS и в HTML используем, чтобы не было дублирующего кода 1:32:30 border - свойство которое описывает границу элемента 1:33:00 чтобы любой элемент поставить по центру экрана 1:34:30 что такое padding - внутренний отступ текста от краев(по часовой (сверху, справа, снизу, слева)) и margin 1:36:30 чтобы длина элемента не изменялась при добавлении padding 1:39:28 margin - отступ элемента снаружи 1:41:00 меню в стандарте HTML5 принято окружать тегом , а уже внутри этого тега открывать список когда верстаем и не знаем какой будет ссылка, в атрибуте href прописывается хештег 1:43:20 работа со списками, как поставить в одну линию 1:47:00 text-decoration: none; убрать стандартное нижнее подчеркивание ссылок когда есть несколько элементов выстроенные в одну строку с помощью float-left, float-right, рекомендация - обернуть эту строку в общий контейнер 1:54:05 text-align: center; для того чтобы поставить текстовый блок по центру. 1:54:35 Логотип и меню мы обернули в один единый контейнер чтобы… из-за float-left, float-right (высота контейнера будет равно нулю) class clearfix 1:58:00 у тегов h1 и далее, по умолчанию есть отступы, чтобы их обнулить margin 0 1:58:50 (Делаем кнопки) кнопки я чаще всего делаю тегом 2:02:14 высоту секции header которую мы задали 600px - неправильно, высота должна определяться автоматически 2:03:38 Начало верстки второго экрана 2:16:20 Псевдо класс для, для того чтобы через этот класс в CSS обращаться к элементу\там в HTML, чтобы не добавлять в HTML уникальный класс. services_item:last-child 2:18:44 line-height (высота строки) подбор значения в единицах измерения (em) 2:20:03 Селектор id в HTML, обращение к нему в CSS через #.... 2:20:20 чем отличается id от class. Оба используют для обращения из CSS, но id еще можно использовать что обратиться к нему из JS (двух одинаковых (с одинаковым именем\значением) id на странице не может быть) 2:24:14 если у вас есть элементы у которых float(ы) - оберните их в контейнер и задайте clearfix 2:29:44 способ сделать границу первого экрана всегда по экрану устройства с которого зашли\просматриваем страницу 2:30:38 про clearfix объяснения что это 2:34:28 display block понятия как строчный и блочный(столбиком) элементы. Теги и другие -- они строчные. (их длина равна длине контента который внутри них) 2:36:54 Длина блочных элементов по умолчанию равна 100% доступной области. Чтобы ими управлять, задается либо float left, либо display inline block - но он может не сработать в опере 2:39:00 любой блочный элемент можно сделать строчным и наоборот 2:40:15 чтобы сделать у всех элементов границы * { border: 1px solid red; } 2:41:20 какую cms использовать ( modx ) 2:43:50 его курс - день верстальщика: про адаптивную верстку 2:45:00 дальше и до конца продажа своего коучинга

1:04:23 - конец теории, начало верстки

Прошло уже 2 года, а тебе все респектуют чувак. ДА ХРАНИ ТЕБЯ ГОСПОДЬ, ДАЙ БОЖЕ

Автор все дает бесплатно, с картинками и примерами. Ну просто без слов ОГРОМНОЕ СПАСИБО!

Спасибо Андрей, очень профессионально и грамотно объясняешь! Будем ждать твоих новых видео кастов

За всё время что искал как верстать сайты натыкался на сплошные платные курсы где всё объяснялось заумными словами и половины просто не понимал здесь всё очень на доступном языке аплодирую стоя

Это просто ПРЕВОСХОДНЫЙ мастер класс!!! Я пересмотрел несколько туториалов по верстке, но этот просто не сравним ни с одним! Тут информация подается от программиста к обычному человеку понятными для всех словами и терминами, а не как у некоторых он программиста к программисту, очень коротко и скудно (как будто мы всё знаем и понимаем и это нам не надо). Каждый пример разбирается, объясняется и сразу применяется на практике со всеми "подводными" камнями и как их устранить, это действительно правильный вектор обучения который поймут все кто имеет достаточный навык общения с ПК. Порекомендую этот курс всем кто захочет начать обучение по Web программированию!

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

какой же автор молодец! все понятно и четко, крепкого тебе здоровья, доброе дело делаешь!!! таким людям всегда в жизни вознаграждается их добро!!!

автор огромный молодец, очень доступно объяснил)) спасибо

Автору огромное спасибо! По теме верстки пока не видел более подробного видео, где всё так хорошо объясняется. Все просто и понятно.

Чувак, хочу сказать тебе ОГРОМНОЕ СПАСИБО! Ты даешь в абсолютно доступной форме то, что раньше приходилось вытягивать из бесконечных и нудных спец. курсов. Самый лучший метод обучения иностранному языку - поместить "подопечного" в среду с носителями, так же и здесь. Сразу практически показал, рассказал теорию, по ходу ответил на вопросы. Спасибо большое и добра вам! 👍😁

Друг, ты просто бесподобен. Только начинаю учить html и css, и этот урок максимально помогает во всем разобраться. Спасибо за твои старания. подписался

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

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

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

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

Спасибо за прекрасный материал, очень доходчиво

Огромный респект тебе автор! Еще не видел таких потрясающих обучающих видео с подробным разжевыванием. Столько вещей прояснилось.

Не то слово - умница!!!!!!! Спасибо большое))) всё чётко, понятно, без заумностей))))

Спасибо за видео, нформация усваивается легко. Задание на самом деле не такое уж и простое если не подгонять все c помощью margin. Использовал display:flex код получился следующий : About Us Proin iaculis purus consequat sem cure. July 2010 Our Humble Beginnings Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit aenean rhoncus posuere odio in tincidunt. Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit. January 2011 Facing Startup Battles Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit aenean rhoncus posuere odio in tincidunt. Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit. CSS: #about-us { margin-bottom: 100px; } .about-us-block h3 { font-size: 18px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; } .about-us-block h4 { font-size: 18px; font-weight: bold; text-transform: capitalize; margin-bottom: 10px; margin-top: 0px; } .about-us-block p { color: #777777; font-size: 14px; } .about-us-block { margin-bottom: 100px; display: flex; justify-content: space-around; } .about-us-block-1-3-text { width: 300px; text-align: right; } .about-us-block-1-3-pic { text-align: center; } .about-us-block-1-3-box { width: 300px; } .about-us-block-2-4-pic { flex:1; order:2; text-align: center; } .about-us-block-2-4-text { flex:1; order:3; text-align: left; margin-right: 0px; } .about-us-block-2-4-box { width:300px; }

Посмотрел 2 видео у Хауди (HTML и CSS) и половину этого видео.. и сверстал сайт, для которого сделал макет, но не знал, как сверстать. Огромное спасибо.

Это просто офигенно. Здоровья и всех благ, а главное удачи!

Зашел в тупик по CSS, опустились руки. После видео беру курс только вперед! Спасибо большое!

Блин спасибо, благодаря тебе я пишу простенькие сайты)

Крутой урок. Я его первый раз увидел 3 месяца назад, но тогда мой багаж знаний был совсем poor и последнюю секцию на ДЗ у меня так и не получилось сделать на флотах, но сейчас немного научился, многое стал понимать. И вот вчера я решил сверстать этот макет заново на Флексах. Последняя секция опять заставила задуматься - но вроде вышло. В следующий раза заверстаю его на Гридах Ловите ссылку на макет и код. - opan85.github.io/Projects/golden%20adaptiv/ github.com/Opan85/Projects/blob/master/golden%20adaptiv/index.html github.com/Opan85/Projects/blob/master/golden%20adaptiv/css/style.css Спасибо Андрей

Огромное спасибо!!! это круто) прекрасный материал, отличная подача, дикция и все вообще супер

Здравствуйте Уважаемый Андрей. Передаю Вам свой привет из Азербайджана , из Солнечного Баку. Выражаю Вам свою глубокую благодарность за проделанную Вами такую кропотливую работу. Очень редко оставляю свой отзыв, но на этот не смог удержаться. Материал вёрстки был настолько разжёван и преподнесён до зрителя, что даже такой начинающий как я, всё превосходно осилил. Вы постарались максимально подробно, но при этом максимально кратко довести материал до зрителя и по моему личному мнению, это у Вас удалось очень хорошо. Но меня невольно возмущало то, что некоторые онлайн учащиеся предьявляли Вам какие-то претензии, типа очень долго, очень поздно и т.д. и т.п. Так вот хочу обратиться к ним, Уважаемые зрители автор нацелен довести контент материала для всех, ведь среди нас каждый имеет определённый уровень знаний, у кого-то начинающий у кого-то средний и если он будет обьяснять это на уровне зрителя со средним или более высоким уровнем, то остальная часть просто потеряет 3 часа времени на просмотр так и не освоив материал. Плюс ко всему Автор делает это БЕСПЛАТНО, не понимаю какие могут тут быть к нему претензии ? Он нам ничего не ДОЛЖЕН. Ходите на платные курсы в удобное для Вас время. С Уважением Гасан Джафаров.

Спасибо за видео,очень толково,на самом деле новичкам очень важно озвучивание и расшифровка каждого на написания и это дает больший рывок,чем чтение различной литературы,раньше думал,что долго буду изучать HTML,а тут уже на третьей неделе осваиваю CSS и JS.

Сижу в 3 ночи учусь верстать)) делать то больше нечего в это время)

Дружище, видео - топ! Выражаю огромную благодарность.

Спасибо вам большое, что Вы такой есть. Дай Вам бог здоровья, после таких видео хочется творить, жить, учиться. Еще раз спасибо

то чувство, когда смотрел урок и на одном моменте взял и до верстал сам до конца :)

Первые 5 минут: - Привет ребята ... привет, привет, ребя-тааа, привет! Аааааа-ааааааааа

Спасибо, замечательный мастер класс!

все понятно и доступно! спасибо за все что ты делаешь !

Красава, выключил музыку, раскошелился на микрофон и интеренет. Видео стало реально приятно смотреть если бы еще на чат не отвлекался я бы отнес видео к профессиональному пособию для изучения хтмл-цсс.

Хороший информативный материал. Честно! На коучинг, конечно же, не запишусь)))

Я просто кайфую от твоих уроков!!! Спасибо тебе огромное!

Шикарная подача материала, автору спасибо!!!

Андрей, у вас есть одно офигенное качество - вы так бескомпромиссно, емко и главное понятно объясняете, что просто одно удовольствие смотреть ваши верстки!

Отличное видео, большое спасибо тебе за это!

Автор у вас талант объяснять! Очень много нового почерпнула для себя. Огромнейшее Вам спасибо!

Я за 3 часа вспомнил и подчерпнул нечто новое для себя, хоть крайний раз увлекался веб-программированием, версткой и веб-дизайном в далёком, лохматом 2007 году. Автор определённо молодец.

Пока если вы до конца не понимаете, просто поймите(с) 1:14:06 Великие фразы ))) полчаса смеялся

Отличная подача, спасибо за урок. Я еще порылся в интернете насчет Emmet'а. Нашел то, что в css он работает таким образом: w20 = width: 20px; bg = background: #000; db = display: block; Очень понравился плагин, теперь только с ним учусь)

Очень подробно и доступно! Спасибо!

Чувааааааак...ты просто мне открыл глаза, смотрел несколько видео уроков.. уже начал унивать что я такой тупой..... Но вот чудо!!!! Я наткнулся на тебя. Меня озарение пробило. Начал изучать все как в тумане, очень много понятий и не известно от куда они взялись, а ты и историю рассказал и русскими словами объяснил все что было непонятно!!! Храни тебя Господь и пусть у тебя безошибочный код писал!!!

Конечно кайф когда зашёл на этот видос в 2к19 , а тут позиционируется через float когда есть flexbox или та же grid system

Хз зачем смотрю, ибо нихерашечки не понимаю. Но лайк поставил

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

Блин вот почему я не наткнулся на это видео в этапе обучения HTML and CSS сэкономил бы уйму времени) насколько же автор разжовывает каждый момент понятно и без лишних слов, респект таким как ты, это лучший канал из всех которые я встречал на ю тубе, в основном либо растянуто что от скуки умереть можно либо наоборот все по поля по лесам, а вы разбирайтесь сами) Спасибо за ваш труд)

*Отличное пособие для новичка!* Так же и у меня на канале есть пособие для новчиков ;)

В css последних версий пишется так: header{ background: url(./img/first-bg.jpg) no-repeat center top / cover; height: 600px; } а не с двоеточием:"url(../img/first-bg.jpg)" иначе фоновою картинку не найдет

Очень боялся верстки и CSS в частности. Но так хорошо объяснили, что теперь хоть знаю, что делать, что тыкать, и что гуглить. Спасибо.

Здравствуйте, спасибо за ваше видео, очень полезно и много чего нового узнал хоть и в 2019.

Ролик хороший, познавательный и хорошо изложенный. Для новичков будет понятна общая концепция верстки, но на протяжении всего ролика было столько мелких нюансов про float'ы рассказано, что проще и правильнее было бы объяснить и научить строить сетку на flex'ах. А float'ы оставить уже в покое и использовать их только по назначению( для тех кто не вкурсе это обтекание текста вокруг зафлоаченого блока). Не претендую на автора ролика лучше чем этот, просто немного обоснованной критики. Спасибо за твои работы, сам поднимал свои знания в веб-дизайне по твоим роликам.

Если кто уже в базисе чуть шарит, мотайте на 1:13:05

Зачем смотрю если и так пишу сайты с нуля... но для новичков инфа годная. Молодец.

Начал изучать верстку, спасибо за видео - извлек несколько уроков для себя и за полезные ссылки

Хэйт - это ненависть, хайт - высота.

самостоятельную часть сделал так: About Us Proin iaculis purus consequat sem cure. July 2010 Our Humble Beginnings Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit aenean rhoncus posuere odio in tincidunt. Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit. January 2011 Our Humble Beginnings Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit aenean rhoncus posuere odio in tincidunt. Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit. December 2012 Enter The Dark Days Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit aenean rhoncus posuere odio in tincidunt. Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit. february 2014 Our Triumph Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit aenean rhoncus posuere odio in tincidunt. Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit. © Copyright 2014 FreebiesXpress.com > //////////////////////////////////////////////////////////////CSS CODE///////////////////////////////////////////////////////////////////////////////// .about{ padding-top: 80px; } .about-elem{ position: relative; display:block; text-align: center; margin-bottom: 80px; } .about-elem .image{ display: inline-block; overflow: hidden; border-radius: 50% width: 200px; height: 200px; } .about-elem .image img{ display: inline-block; vertical-align: top; } .about-elem .content{ position: absolute; top: -15px; } .about-elem .text_rght{ text-align: right; } .about-elem .text_lft{ text-align: left; } .about-elem .content span{ text-transform: uppercase; } .about-elem .content p{ color: #777777; line-height: 1.55em; } .about-elem:nth-child(odd) .content{ right: 50%; margin-right: 130px; } .about-elem:nth-child(even) .content{ left: 50%; margin-left: 130px; } .about-elem .content .titless{ font-weight: 700; text-align: right; } .about-elem .content .titless-lft{ text-align: left; } #copyright p{ color: #777777; text-align: center; margin: 115px 0; }

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

Сколько терпения.. Огромный молодец!!

Андрей, а ты сделаешь еще мастер класс по вёрстке, только на примере сайта?

Крайне плохой подход, выравнивать 3 блока по центру через флоаты и мержины (костыли полнейшие). Достаточно родителю прописать: display: flex; justify-content: space-between; align-items: center; Я понимаю что я с 2018, но видео залито в 2017, а значит браузеры прекрасно его понимают. Зачем заведомо учить делать плохо? + Отпадают все флоаты + Отпадают все фиксы багов + В дальнейшем легко адаптируется под мобильные и т.п + Намного меньше кода + Уверенность в том что блок стоит идеально по центру

Спасибо Андрей! Очень хорошо все рассказано было. Я за эти три часа, больше понял, чем за целый курс HTML что я ходил 8 дней по три часа )) И сделал сайт по этому видео, а на курсах так ничего и не получалось. Конечно не знаю как вашим ребятам онлайн было, а я постоянно на паузу ставил и проверял код на наличие ошибок.

Неплохо!) это пока лучшее видео, которое я нашла в интернете) очень доступно и понятно)

Присосан xDD За видео спасибо, очень доходчиво, а самое главное без всякой мишуры типа Бутстрап и прочей лабуды

Кто-то: Ютюб , а ты разнообразен? Ютюб :\хауди хо: как выучить html за час Второе видео : как выучить css за час Wayp: как выучить html и css за два часа

Огромное спасибо ,2 дня пытаюсь понять что к чему,по видосам и т.п,но не получалось. Решил посмотреть как на практике верстают сайт, и наткнулся на этот стрим. Автору благодарность,азы выучил!

Вообще, автор волшебник и хороший человек! Дай бог тебе здоровья! За то что делишься знаниями и так внятно, расстоновочно объясняешь.

Кто смог доделать концовку? я не знаю как расставить все картинки по центра и по краям поставить текст слева и справа

Почему я не смог добавить вашу картинку (first-bg.img) в свой index.html/main.css. Я создавал их в самом начале, уже только потом скачал материалы проекта чтобы взять от туда картинки. Я пробовал просто добавить их в папку img, пробовал перезапускать/перезаписывать файлы по новой. Но картинки я в браузере так и не увидел. Меня просто бомбануло. Почему так? Взяв файлы индекса и ксс с вашего проекта картинка появилась. Но так там код один и тот же, все папки, так же само, те же...

Боже мой, всё понятно и самые главные правила объяснил, спасибо большое

Прошёл курс у Sorax, теперь попал сюда. Скажу так: очень грамотно всё рассказано, не только для повторения понятно, но и по сути для начального изучения очень неплохо. Заложить в голове какие-то базовые представления о вёрстке, не пугая всеми этими цифрами да буквами у вас точно вышло.

*Важное:* background: url(../img.png) no-repeat center top / cover; sans-serif - любой другой подходящий шрифт margin: 0 auto; - элемент всегда по центру

Андрей,почему не получается clearfix? все делаю по видео...спасибо за урок!

Очень крутой МК. Много полезной инфы, собранной вместе. Респектище автору!

Огромное спасибо очень хороший урок и главное без рекламы что сейчас редкость

Кто доверстал, скиньте код. А то сижу чайник-чайником, не сходится айтемы тайтлам =)

вообще-то что б верстать на Wordpress нужно ого-го какие знания. Слишком загнул ты по поводу движков , а так все супер !!!!!!!

Спасибо огромное ! Очень хорошо объяснил ! СПАСИБОО

Классное видео. Спасибо за потраченное время на новичков. Вы вдохновляете людей)

Hе могу в header добавить картинку. Пишу все как и вы. В чем причина?

1:45:00 можно было не display: block; и float: left; записать, а просто display: inline-block;

лучший урок по верстке для начинающих!!!!! Спасибо!!!

прошло уже три года а контент до сих пор четкий большое спасибо

То самое чувство, когда тебе вот так вот просто объясняют то, над чем ты е... возился целую неделю.

About Us Proin iaculis purus consequat sem cure. July 2010 Our Humble Beginnings Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit aenean rhoncus posuere odio in tincidunt. Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit. January 2011 Facing Startup Battles Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit aenean rhoncus posuere odio in tincidunt. Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit. December 2012 Enter The Dark Days Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit aenean rhoncus posuere odio in tincidunt. Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit. February 2014 Our Triumph Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit aenean rhoncus posuere odio in tincidunt. Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit. //////////CSS////////// .story { padding-top: 80px; } span { text-transform: uppercase; } .story_item { position: relative; display: block; text-align: center; margin-bottom: 93px; } .story_item .content { display: inline-block; line-height: 1.5em; position: absolute; top: 8px; width: 290px; } #con_lft { text-align: left; } #con_rght { text-align: right; } .title_h3 h3{ margin-bottom: 8px; font-size: 18px } .story_item p { color: #777; font-size: 14px; } .story_item:nth-child(odd) .content { right: 50%; margin-right: 130px; } .story_item:nth-child(even) .content { left: 50%; margin-left: 130px; }

Спасибо большое. Все круто!

Спасибо большое. Очень просто, доступно и увлекательно!

скажите, кто доверстал последний блок? Покажите плиз как выглядит верстака и CSS файл?

Блин вот честно, лучше бы это дз он сам проделал, потому как на мой взгляд это новые принципы позиционирования, о которых не указывалось ранее. Лучше бы он это рассказал, а домашним заданием дал те 3 картинки которые он последние делал. Сейчас сижу и мучаюсь как это сделать картинку по центру, да так чтобы ее текст обвивал с разных сторон. Потому как text-aling: center и float: left совместно не работают

Училась с нуля, всё поняла. Самое понятное видео из всех, что я пока видела на ютюбе. Спасибо большое автору видео) по последнему видео про лого и фриланс поняла, что Андрей хватался за вообще любую работу, вне зависимости умеет или нет (как я сейчас), и как классно, что он так с пониманием относится к начинающим дизайнерам/верстальщикам ^,^

Большое вам спасибо за урок!)

Мне кажется не стоит заверстывать первый экран в . Правильнее такая структура section>container>header Section>container Section>container Section>container footer>container

Можно было в начале css-файла написать * {padding: 0; margin: 0;} и не морочиться с обнулением отступов каждого элемента

Спасибо тебе! Нет особо денег на платные курсы, но твои эти видео просто спасают!

Комментарии сказали всё за меня. Спасибо!