Верстка сайта с нуля, для новичков. Интенсив по верстке, день 2
HTML-код
- Опубликовано: 4 авг 2020
- Марафон по верстке сайта. За 3 дня полностью сверстаем сайт и сделаем адаптив. Объясню все что делаю, и зачем. Отвечу на вопросы.
Тема в VSC - плагин Material Theme
Чтобы получить макет для тренировок, делайте репост этого видео в свои соц. сети,
ссылки на репост жду тут: from0to1maket@gmail.com
Все исходники, инструкция и информация в телеграм канале.
Ссылка на телеграм канал:
bit.ly/3eaDJKi
Ссылка на телеграм канал с впн:
teleg.one/from0to1ru
Если это не помогает, просто зайдите в телеграм и в поиске введите from0to1ru или марафон по верстке.
Чат верстальщиков:
t.me/chat_from_0_to_1
Написать мне в ВК:
vadimprokopchuk
Написать мне в телеграм:
t.me/silver8light
Отзывы о моем авторском курсе по верстке:
topic-104892258_40476405
Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ
Очередное огромное спасибо за проделанный труд. Делаю макет уже по-своему и все благодаря тебе. Но, несмотря на это, даже от таких простых макетиков скил растет =)
Strange Channel круто, спасибо!
понравилось изложение материала я полный новичок получилось сразу спасибо
Большое спасибо за трансляции.
Очень помогаешь в обучении.
Короче лойс однозначно!
Благодарю за вечеринку)
Спасибо за интенсив.
Спасибо тебе, Вадос! Как всегда оч полезен даже в кратких замечаниях. В этот раз СПАСИБО тебе за сочный ответ по поводу ОТНОШЕНИЙ С ДИЗАЙНЕРАМИ. Мо быть кому пригодится: смотрим два эпизода - с 17:00 и после 22:10. :-)
Проговорился про курс Js если будет востребованность, я за!
Лучший вновь
кРоусавчик как всегда Вадос)
У кого не подключается слайдер и фотографии всё так же стоят в ряд, поставьте выше чем style.css в блоке . Тут неправильная сборка, либо вышло обновление slick слайдера)
Хорошо что стримы выкладываются, можно зазубрить)))
зачем зубрить? Все запоминается при практике
Вадим иногда смотрит на макет как кельтский вождь на зазевавшихся римских легионеров))
Это сильный комент ))
На 24 минуте говорится о тексте и отличие в figma. Я посмотрел в макете расстояние между словами и выставил в about__text word-spacing: 4px;... И перенос слов стал таким же. А так за видео спасибо!
1:05:10 , я тут просто написал абсолютно так же как и снизу, т.е -
.about__item:nth-child(2n) .about__box::before {
right: 19px;
left: auto;
border-left: none;
border-right: 2px solid #ecb84c;
}
и получилось абсолютно тоже самое, хм
Ц, попугай побегал по клаве что-то нажал и все поломал на верстке, не могу найти ошибку😂😂😂 Придется пересмотреть (ctrl + z не помогло)
Влад Кравченко весело там у тебя )
12:15 26к подписчиков. Сейчас уже 40к. К концу года прогнозирую серебряную кнопку)
41.2k
О каком плагине идет речь , подскажите пожалуйста 1:25:05
Вадим тут такая ситуация. изучаю второй день и после того как перенес изображение .header__top{
background-image: url(../img/top-bg.png
); из css в html сразу поплыла рамка в хедере те, margin-bottom: -12px; не работает
Вадим,привет. Тут у тебя какой-то косячёк в объяснениях и так работает, и так-,и так-,и так как у тебя- по всякому. Ой-ой-ой головомойка.
Подскажи почему Live server в vscode отображает картинки нормально , а когда закомител в GitHub pages то при открытие сайта не грузятся? Это касается только секции about__item (где background img в html) В инстр.разработч./ network - status code-404(text/html)
Привет,а вы переходыли на opencartmasters.com/ здесь есть информация по поводу вашего вопроса.
Как в итоге получить макет похожий на этот? На какую почту кидать что я сделал репост?
Привет,а вы переходыли на opencartmasters.com/ здесь есть информация по поводу вашего вопроса.
2 15 35
Что за магия 31:30 я поставил max-width 470px и он применился к тексту его растянуло ,делаю как в макете 390 все также и стрелки все делаю -19 и все ок. втф
Короче я маржин вместо падинг поставил. padding: 33px 40px 18px; вот так правильно
1:20:51
Интересно что девушка делает на его привью
спэшл гэст ю ноу
@@Morantriol ты прям знаешь английский
DENcik-VP ноу))))))))))))
1:50:00