Адаптивная верстка сайта с нуля для новичков. Полезные советы по верстке сайта

Привет! Обновил на github блок get started, спасибо подписчикам, указавшим на неточность. Блок был сделан неровно, не по контейнеру - исправил с помощью calc.

Не разобрался в сборке текущей как отключаешь Ховер на мобилках. Вику миксин есть, смысла не вдуплил. По бургеру допустим на Гите описание есть, с ним разобрался сходу 😁 «по инструкции». А на конструкцию миксина для откл Ховера смотрю и не догоняю по сборке в медиа чтоли пихнуть и что прописать? Все свойства которые у кнопок меняются типа цвет бэкграунд ? Не проканало. Либо смысл неверно понял либо реализовал неверно тут уже сам разберусь дай направление пожалуйста 😁😊

Спасибо автору за марафон, практиковал html css, вторая верстка, узнал для себя много нового, удачи!

Вы лучший!

Не совсем с нуля конечно, и не совсем для новичков

куда то уехало но это нормально🤣

Привет Макс, скажи пожаль а почему тег article не применил в описании сервиса?, а просто тег h3? или можно и так и так? спасибо за верстку) отлично поверстал с тобой)

Макс, вот ты чувак с бургером заморочился. Отдельное видео сними по бургеру на пару минут! По факту не проще svg воткнуть? Спасибо за контент, полезно!

Добрый день. а картинкой бургер нельзя было сделать?

Привет. Возникла проблема, когда ставил соц.сети через css то блок не отображается и картинки не видно. подскажите что может быть не так?

Привет. Отдельно большое спасибо, что дал именно ссылку на макет. Я только начал изучать фронтенд, и у меня пока нет рабочего компьютера или ноутбука, поэтому я хочу устроиться на работу в этой области и заработать на него. К чему я веду? Я программирую на телефоне и не могу использовать фигму. А если перейти по ссылке и включить режим отображения в браузере, как на компьютере, то я смогу её использовать.

Автор, у тебя бургер без абсолюта тоже получается, просто нужно чуть отступ сверху убрать
.burger{
padding: 7px 11px 14px 11px;
line-height: 4px;

Большое спасибо, сидел под впечатлением весь ролик, узнал много нового, большое спасибо!

Вообще все очень понравилось спасибо! Но вот сначала, не будем усложнять говорил, все шло хорошо, вникал. Но как только бургер начался все. Мозг вскипел сразу. Это все конечно замечательно. Но для начинающих, кто учится, это было лишним.
Но в целом благодарю конечно! Материал очень полезен )

Спасибо, очень сильно помог понять вёрстку ещё лучше!

Благодарю за труд!

Спасибо

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

Где можно посмотреть требования Code Style CSS? Пытался найти после одного из твоих уроков по верстке, но безуспешно

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

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

Я так понимаю с фоновым изображением мы ничего не можем сделать, оно всегда будет обрезаться?
Уже несколько дней парюсь с этим вопросом, всё думал как мне фоновые изображения адаптировать...

Зачем столько времени тратить на создание кнопки, если можно просто картинкой ее вставить. И быстрее и css чище

Есть вопрос, почему вы используете Pading для того что бы отделять блоки а не margin. Pading все-таки внутренний отступ.

Спасибо большое. Все предельно ясно!

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

бля, чувак, ну ты прикалываешься... смотрел ровно до 37й минуты пока ты не начал копировать CSS. Тупо всрал урок. Дальше нечего смотреть

Почему "FontAwesome" - это не хорошо?)

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

Позвольте поинтересоваться, в связи с чем были предприняты столь замороченные действия с кнопкой “бургер”? Почему нельзя было использовать SVG элемент?

спасибо! хорошо объясняете!

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

Не зря потраченное время на просмотр, интересно)

Было бы отлично увидеть решение с разной шириной блоков в футере. За работу огромное Спасибо!

Круто! Прошел за 3 захода. Отдельное спасибо автору за объяснения и внесения чего-то необычного по типу переменных. Пройдя урок, я нашел много ответов на мои вопросы.

Все круто помогло. Спасибо за урок

Нажал на видос, за полминуты подписался и поставил лайк, это талант)
Как раз то что мне и нужно)

По поводу списка с гридом, разве не должен быть внутри этого элемента (services__item) внутренний padding, который как раз бы выставил элементы как в макете, или же это плохая практика задавать padding внутри item'a списка?

в бургере нахимичил конечно знатно )))))

Для footer-column:last-child:before left можно вычислять вместо " calc( ( -1 * (-var(--grid-gap) ) ) " с помощью более лаконичной записи " calc( var(--grid-gap) * -1) ".

Спасибо за помощь!

Автору огромный респект! Всё суперпонятно, жду новых марафонов

Ну с бургером очень запарился

Привет из 2022!
Смотрю видос, стараюсь обучиться верстке, потом перейти во фронтенд.
Насколько я понимаю, ты сделал ошибку в верстке блока сервисов, так как в макете,
контейнер с карточками имеет padding: 0 30px;
или я не прав?

Я уже прошла весь урок и мне показалось слишком быстро, и только в конце ты сказал, что можно было поставить на 0.75, хахах)а получилось очень круто, лучший урок по верстке

Макс! Это супер видео для начинающих! Просто лучше не найти. Я попробовал 6 уроков для новичков и только на твоем я дошел до самого конца и у меня все получилось! Спасибо тебе за потрясающий контент. Я посмотрю все твои видео и всячески буду тебя поддерживать! Огонь мужик!

спасибо огромное за урок!