Верстка сайта - HTML, CSS, JS. Адаптив

  Переглядів 63,685

От 0 до 1

От 0 до 1

6 місяців тому

Друзья, привет! Это верстка сайта, даже кое-что получше, это верстка первой страницы интернет магазина. поскольку сам сайт о продаже чая, то на первой странице есть элементы интеренет магазина, вам будет очень полезно попрактиковатся в верстке таких блоков. Ну, а использовать мы будем наших братанов HTML, CSS и JS, конечно же мы обязательно сделаем адаптив.
----------------------------------------
макет - drive.google.com/file/d/1MmhE...
файлы (начальный html и css) - drive.google.com/file/d/15xRF...
----------------------------------------
Сайт курса по верстке - from0to1.com.ua/
----------------------------------------
----------------------------------------
Готовая верстка на patreon - / from0to1
Телеграм канал - t.me/from0to1com
----------------------------------------
----------------------------------------
Доп ссылки:
box-sizing: • box sizing border box ...
ХотКей по VScode: • 10 горячих клавиш в VS...
Видео про БЭМ - • БЭМ методология. Практ...
Видос по svg - • SVG, большой гайд
Большой гайд по гридам - • CSS GRID Большое руков...
Все о флексах - • FLEXBOX начало. Флексб...
Продвинутые флексы - • flex-basis, flex-grow,...
----------------------------------------
Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ

КОМЕНТАРІ: 238
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
макет - drive.google.com/file/d/1MmhE-n05AVMBFBTX9xCi4WAykIBZFVN-/view?usp=sharing файлы (начальный html и css) - drive.google.com/file/d/15xRFhbsCaLgI4nEkmklbbthm5t6D4jPF/view?usp=sharing ---------------------------------------- Сайт курса по верстке - from0to1.com.ua/ ----------------------------------------
@alexander_stark
@alexander_stark 6 місяців тому
Отличный урок. Хотелось бы понимание как верстается в бо°льшую сторону под 1440 и выше
@deviant6646
@deviant6646 6 місяців тому
Як ти на 1:37:12 зробив так щоб span розкрився в колонку а не вряд?
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
@@deviant6646 це робиться в налаштуваннях vs code, можеш зайти на мій український канал, там є відео про вс код, там я все показую по цій штуці
@user-rh7ww9wd9b
@user-rh7ww9wd9b 5 місяців тому
Підкажіть буд ласка яка різниця між ви робите сайт visual studio code і робити сайт в visual studio по технології Razor або MVS.
@tarasluchak4699
@tarasluchak4699 2 місяці тому
@@vadymprokopchuk Добрий вечір! Скиньте будь ласка посилання на Україномовний канал. Бо від 2014р. московицька страшно ріже вуха:)) Ви дуже файно подаєте інформацію. Зрозуміло і доступно. Дякую.
@user-xe4be7iq1q
@user-xe4be7iq1q 6 місяців тому
Просто напишу ,Вадим спасибо что ты есть ,спасибо за те вечеринки которые ты нам устраиваешь ...
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
благодарю, я рад, что помогаю развиваться
@dedsec5726
@dedsec5726 6 місяців тому
Полностью согласен с тобой. Вадим, реально, огромное тебе спасибо за все что ты делаешь, это огромный труд, который заслуживает уважения, лайка и подписки. Продолжай в том же духе, радовать нас своим контентом! ❤
@airpodsclub6443
@airpodsclub6443 6 місяців тому
ты делаешь классный контент, по твоим видосам научился верстать и уже как полтора года работаю фронтом. спасибо тебе за твои труды
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
это потрясающее, молодцом! рад, что помог
@user-iz1sr6dv8d
@user-iz1sr6dv8d 2 місяці тому
что по зарплате ? в первое время
@yuriykolomytsyn2352
@yuriykolomytsyn2352 6 місяців тому
Такое теплое чувство остается после твоих стримов! огромное спасибо, всегда с радостью и продуктивно учусь на твоих верстках
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
Круто, благодарю
@Silvestr_Stalonivich
@Silvestr_Stalonivich 6 місяців тому
Вадим все просто великолепно) блин как же кайфово верстать вместе с тобой под твои комментарии. Лучший в своем деле!!!
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
Спасибо, я очень рад
@dmitrysazonov8185
@dmitrysazonov8185 6 місяців тому
Спасибо за полезный контент, присоединился к вечеринке, это было амайзинг! жду следующий видос, чтобы закончить начатое
@arthurterner3348
@arthurterner3348 6 місяців тому
Спасибо тебе Вадим за твой контент, ты большое дело делаешь!!!
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
спасибо
@user-wd9ty8pq7h
@user-wd9ty8pq7h 5 місяців тому
Большое спасибо, Вадим! С вами все так легко и весело
@vadymprokopchuk
@vadymprokopchuk 5 місяців тому
круто)
@MonteCrush.
@MonteCrush. 6 місяців тому
Осенние дождливые деньки идеальное время для верстки
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
я знад) наслаждаемся)
@romzik1000
@romzik1000 6 місяців тому
100%
@alexms8508
@alexms8508 6 місяців тому
Вышло видео, лайк не глядя ! ) Спасибо что ты есть )
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
Спасибо!
@user-co7nl8pf4p
@user-co7nl8pf4p 6 місяців тому
Для себя решил по понедельникам практиковать по одному видосу с вёрсткой, дабы подтянуть вёрстку. Ну очень приятная и интересная подача материала у Вас, дякую.
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
Дякую, отличный план
@88Kristina88
@88Kristina88 6 місяців тому
Спасибо большое, Вадим 😊.
@artur_interes
@artur_interes 6 місяців тому
Вадим, очень приятно смотреть тебя, плзновательно и весело. Были бы деньги, то купил бы твой курс 😂 но денег нет, поэтому сижу и каждый день смотрю твои видео на канале. Спасибо тебе.
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
спасибо
@user-zo6rp1xn8i
@user-zo6rp1xn8i 6 місяців тому
Спасибо огромное!!!! Смотрела, смотрю и буду смотреть! Лайк лайк лайк❤❤❤
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
Благодарю, круто
@j-lewis
@j-lewis 6 місяців тому
Ураааа, у нас снова вечеринка! Дякую, Вадос, ты кросавчег! Снова радуешь подарками, а ведь ещё не Рождество! 🤩😍
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
Супер, дякую )
@focusedzed
@focusedzed 2 місяці тому
Спасибо за видео! Всё супер доходчиво!
@Embrace777
@Embrace777 6 місяців тому
Спасибо за очередную порцию качественной вечеринки)
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
Спасибо
@user-iu4de9lu1s
@user-iu4de9lu1s 6 місяців тому
Единственный канал на который с радостью прихожу на вечеринку
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
спасибо
@ArteEtHumanitate
@ArteEtHumanitate 6 місяців тому
Большое тебе спасибо, мил человек!
@evgenykonstantinov8414
@evgenykonstantinov8414 6 місяців тому
Как всегда , круто! Красавчик!!!👍
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
благодарю)
@user-hs5sv3cj6v
@user-hs5sv3cj6v 4 місяці тому
Просто наслаждаюсь версткой, да ещё и угораю с твоих мини прикольчиков ахахах, короче кайфую
@vadymprokopchuk
@vadymprokopchuk 4 місяці тому
спасибо)
@tatigerbst4416
@tatigerbst4416 5 місяців тому
Как всегда кайфовая верстка! Спасибо, Бро!
@vadymprokopchuk
@vadymprokopchuk 5 місяців тому
спасибо
@1081bad
@1081bad 6 місяців тому
Вижу видео Вадима, не глядя ставлю лайк!
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
Спасибо
@paulbond8244
@paulbond8244 6 місяців тому
Бомба!!!!!!!!!! Спасибо уважаемый!
@epicshorsviral
@epicshorsviral 4 місяці тому
thank u for ur lesson and work for us. Also for a good vibe since we are learning this :)
@thechosen8646
@thechosen8646 6 місяців тому
спасибо за контент, жду когда будет верстка с препроцессорами !
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
супер!
@kiralatysheva6794
@kiralatysheva6794 6 місяців тому
Спасибо тебе, добрый человечище! =)
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
Спасибо за коммент
@Jurist96
@Jurist96 5 місяців тому
Ваш видос послушал как будто Фильм Однажды в Одессе снова посмотрел!
@Saba-cn8gp
@Saba-cn8gp 6 місяців тому
как всегда топ!
@JustNurlybek
@JustNurlybek 5 місяців тому
Спасибо за качественную верстку!
@vadymprokopchuk
@vadymprokopchuk 5 місяців тому
Спасибо
@juliasantorskaya3845
@juliasantorskaya3845 6 місяців тому
Хочу оставить комент огромной благодарности, потому что то, что ты делаешь, по уровню преподнесения материала порой на порядок выше супер-раскрученных украинских курсов. Сейчас заканчиваю как раз 10тимесячное обучение и понимаю, что можно было просто работать по твоим видео, по которым, в отличие от курса, получается верстать быстрее, лучше и запоминается 90%. Самый полезный канал, помог заново поверить в свои силы! Скажи пожалуйста, не планируешь ли ты запускать отдельный курс/марафон/цикл видео по JS, React, Angular, Vue.js и подобным штукам? Мне кажется, это был бы 🔥 в любом случае, ещё раз большое спасибо за полезнейший контент 😊
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
Спасибо, мне очень приятно, я рад что помогаю. Пока нет в ближайших планах, но может в следующем году
@ringnull
@ringnull 6 місяців тому
Готово, красота. Жду продолжения этой великой верстки.
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
уже скоро)
@user-wh2gj3bl7d
@user-wh2gj3bl7d 6 місяців тому
Дякую, цікаво, просто і зрозуміло! Ти класний! )
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
Дякую
@Acksakal
@Acksakal 6 місяців тому
YOU ARE AMAZING, брат!
@olegs4418
@olegs4418 6 місяців тому
Человечище!!! Сразу лайкос👍👍👍👍. Спс.
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
Спасибо, супер
@mmosow
@mmosow 6 місяців тому
В каждом твоем ролике, Вадим, происходит настоящее событие в мире frontenda и стрендапа. Это не просто видео, это мировое событие. Время мчится незаметно: начинается ролик, моргнул - и он уже закончился. Но в этом коротком времени ты превращаешь меня в гуру фронтенда, способного верстать сайты - и это не преувеличение. Каждая твоя вечеринка становится ярким воспоминанием. Ты, как профессиональный режиссер и конспиролог, умело завершаешь ролик на самом захватывающем моменте, разжигая дикое желание ждать следующей встречи. Итак, когда можно ожидать продолжение этого нового шедевра?
@user-pz7xb9ch6f
@user-pz7xb9ch6f 6 місяців тому
Классный видос ,скоро начну верстать , харизма автора просто что-то с чем-то, хотелось бы видео о монетизации всей это вечеринки с вёрсткой ,или хотя бы источников инфы
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
Благодарю
@maksimmolotov7962
@maksimmolotov7962 6 місяців тому
Единственная вечеринка на которую я люблю ходить
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
Врубаем музон )
@ukraine1514
@ukraine1514 4 місяці тому
Сансэй Вадим👍💪 position: relative просто прописал в html🤷 в инспекторе кода эти отступы (с низу так же) были именно для html😁 Чем ценин тариф "бомж",тем,что надо думать самому и находить выход с ситуации самому.... Вадим красава с ведром чая 💪👍 Продолжаем вечеринку😁
@sv3404
@sv3404 6 місяців тому
Большое спасибо!
@user-dx9xd4gp6d
@user-dx9xd4gp6d 6 місяців тому
Очень круто, спасибо большое. Благодаря тебе мои знания увеличиваются. Если не трудно можешь, пожалуйста, сделать верстку с SASS, GUIP.
@ypohut1673
@ypohut1673 3 місяці тому
Коммент в поддержку🎉
@domakook753
@domakook753 6 місяців тому
Здравствуйте! Спасибо.
@fedordostoevskiy4209
@fedordostoevskiy4209 6 місяців тому
Богдан, уважаю тебя, сам понял за что.
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
Да, Богдану вообще респект
@Defee36
@Defee36 6 місяців тому
Походу только твое объяснение я понимаю !!! Благодарю
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
Круто, спасибо
@user-wetal4903
@user-wetal4903 5 місяців тому
Однозначно лайк земеля,привет из Салтовки✌ как всегда годный контент,один вопрос почему не mobile first?
@placid3495
@placid3495 4 місяці тому
Чувак, лайк тебе! Ты крут!
@vadymprokopchuk
@vadymprokopchuk 4 місяці тому
Спасибо )
@optimist6861
@optimist6861 6 місяців тому
Привет я твой новый подписчик я подписался к тебе когда смотрел видео Когда УМЕРЕТ ВЁРСТА я просто вот вот хотел бросать изучение Фронт энд разработку думал уже эти конструкторы заменяют фронтов но ты меня убедил и очень рад к этому скорее всего я буду смотреть долго твои канал и ты будешь наверное моим любимым блогером про IT
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
Спасибо) не забрасывай, оно того стоит
@getFrontend
@getFrontend 6 місяців тому
Залетел, заверстал mobile-first подходом на галп сборке. Спасибо за чай 😊
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
Крутяк
@_pheax
@_pheax 5 місяців тому
спасибо Вадос. удачи тебе
@vadymprokopchuk
@vadymprokopchuk 5 місяців тому
Спасибо, удачи
@user-sy2cz1yw6u
@user-sy2cz1yw6u 10 днів тому
Очень люблю пить чай с вами
@markshaforostov1699
@markshaforostov1699 2 місяці тому
Вадим, полезное и интересное видео, лайк однозначно! Что за тему используете в vs code?
@TeomunMete
@TeomunMete 5 місяців тому
Слова Супер придумали только ради тебя 😊😊
@vadymprokopchuk
@vadymprokopchuk 5 місяців тому
))))
@vladimirzvyagincev8193
@vladimirzvyagincev8193 6 місяців тому
Вадос!!! Красава!
@0neAl0neRPubg
@0neAl0neRPubg 5 місяців тому
профессионально подвинуть на глаз, чет орнул)))))))))))))))))))
@vadymprokopchuk
@vadymprokopchuk 5 місяців тому
так и есть )
@georgg8957
@georgg8957 4 місяці тому
Вадим давно за тобой наблюдаю ))). Как всегда спасибо за контент. Но хочу немного бросить в вашу песочницу ))). display не является анимируемым свойством, поэтому в конце ролика 2:58:15 где ты вешаешь transition: background-color 0.3s ease. На класс .menu--close - transition работать не будет
@vadymprokopchuk
@vadymprokopchuk 4 місяці тому
да, ты прав, он не анимируется
@DinamitNeon
@DinamitNeon 6 місяців тому
Мне так нравится как он каждый раз на пиксель перфект забивает)
@shnshnd
@shnshnd Місяць тому
Вадим, спасибо огромное за уроки, лучший! подскажите, пожалуйста, не будет ли это считаться ошибкой, что мы указываем высоту? везде разная информация и чаще всего я видела, что склоняются к тому, что height задавать неправильно, что лучше сделать паддингами меня этот вопрос мучает, спать не могу( или все же можно задавать, но только для каких-то определенных элементов, например хедера?
@vorosh1loff
@vorosh1loff 5 місяців тому
Вадим, было бы круто если бы ты показал вёрстку какого-нибудь сайта с параллакс эффектом, что-то более необычное, не хочу показаться зажравшимся, но просто интересно глянуть было бы от тебя какие-то такие креативы.
@igornewidomsky7240
@igornewidomsky7240 6 місяців тому
Круто!
@lex08190102
@lex08190102 6 місяців тому
Видео - ОГОНЬ!!!!!
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
спасибо)
@new_ns
@new_ns 17 днів тому
Вадим спасибо тебе огромное ты самый лучший потому что объяснишь очень четко все как надо. Просьба сделай видео как сделать админка сайта объясни пожалуйста конкретно как это делается
@luckytima2315
@luckytima2315 3 місяці тому
Спасибо за видео ! Братик скажи это видео подойдет для начинающих?
@lova4475
@lova4475 6 місяців тому
Мне уже нравится ❤
@marymargaret7708
@marymargaret7708 3 місяці тому
Спасибо)
@MG-iq6ri
@MG-iq6ri 6 місяців тому
Только сегодня js часть последнего сайта закончил делать и подумал, давненько видео не было)
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
Хух) я успел )
@user-te4up6ng2l
@user-te4up6ng2l 4 місяці тому
Лучший на всё, СНГ!!!
@vadymprokopchuk
@vadymprokopchuk 4 місяці тому
спасибо)
@user-xh2eq6vq8v
@user-xh2eq6vq8v 6 місяців тому
Рад видеть!))
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
Взаимно )
@user-vu8tz3lq4k
@user-vu8tz3lq4k 6 місяців тому
Новая вечеринка!! Супер
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
Огонь )
@Varanovski
@Varanovski 6 місяців тому
❤ за мятную зелёную футболку и фон
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
Спасибо, это очень ценно) я так старался )
@ringnull
@ringnull 6 місяців тому
Завтра начну верстать эту вечеринку )
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
Топ
@prodi7336
@prodi7336 6 місяців тому
Вадим сейчас можно использовать jquery на фрилансе или лучше JS? В компаниях понятно от нее отказываются а на фрилансе?
@Maria-eq7bt
@Maria-eq7bt 3 місяці тому
нежнейшим образом СПАСИБО
@it_infomer
@it_infomer 6 місяців тому
спасибо дружище ты сделал дизайн сайта живым, не хочешь продолжить этот сайт? сделать следующие страницы ?
@crystalcastle4062
@crystalcastle4062 6 місяців тому
Вадим, планируешь ли делать контент не только по верстке но и курсы по библиотеке реакт например?) Очень хотел бы услышать твое объяснение в данной области, ты крутой ментор! (если ты конечно компетентен в данной области)
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
Честно говоря у меня достаточно загружены график, и пока не успеваю, что либо новое создавать, но в будущем как карта ляжет
@dm0795
@dm0795 6 місяців тому
Король Вечеринок 😎
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
спасибо)
@user-oo6ph3xe5s
@user-oo6ph3xe5s 6 місяців тому
Добрый вечер, спасибо за контент ты как всегда на высоте, подскажи не было в планах сделать курс по js ?
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
привет, может в 2024
@27sosite73
@27sosite73 5 місяців тому
top
@ukraine1514
@ukraine1514 4 місяці тому
top сделал,а вот еще вопрос в мой тариф, если в body пишу position: relative -отступ еще и с верху вылазит в menu--open😵‍💫
@svoy4el
@svoy4el 5 місяців тому
Не верстал с вами со времен лэнда про сёрфы) Вадим, а почему не делаешь видосы сайтов с заливкой на сервер сразу же?
@xyu23
@xyu23 5 місяців тому
Маэстро вадим только благодаря вам я делаю курсовую
@mishon9739
@mishon9739 5 місяців тому
Лайк не за Вашу экспертность Маэстро, а только за мятую зеленую футболку и фон :3:3:3
@vadymprokopchuk
@vadymprokopchuk 5 місяців тому
Вот, я знал что это сработает ))
@user-sy9gi3vg2e
@user-sy9gi3vg2e 6 місяців тому
Добрый день, спасибо большое за контент, лайк занес, скажите, а когда будут проекты с применением GULP?
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
спасибо, та вот надо сделать, я надеюсь, что вскоре запишу, нужно время
@user-sy9gi3vg2e
@user-sy9gi3vg2e 6 місяців тому
@@vadymprokopchuk , спасибо большое за ответ, думаю. что этого жду не я один
@user-uv1dt7eo1c
@user-uv1dt7eo1c 6 місяців тому
СПАСИБО
@amir4ikx
@amir4ikx 6 місяців тому
Качество вебки - вечеринка🎉
@BezhovHF
@BezhovHF 4 місяці тому
Не подскажете почему тег может зачёркиваться?
@Wolfer_illya
@Wolfer_illya 6 місяців тому
Спасибо за видео, а можно спросить, какой шрифт Вы используете? Очень понравился
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
В вс коде у меня comic shanns
@BecauseBird
@BecauseBird 5 місяців тому
"Белый чай и черный кофе, чтобы не было расизма." Через пару минут: "Черный он и в Африке чёрный"
@IT-therapy
@IT-therapy 6 місяців тому
Всем привет . Вадим, часто смотрю тебя. Из контента по вёрстке, только за тобой слежу. У меня прям беда... на первой работе разрабатывал 5 мес., затем поменял место работы, щас работаю неделю. Всегда не покидает ощущение, что меня вот вот выпрут за скорость вёрстки. Всегда неудобно спрашивать о таких моментах у коллег, так как это наведёт их на мысль , что я вообще не секу. Делаю +/- 2 пикселя пиксель перфект(текста и тд), остальное 100%. Но скорость вёрстки капец медленная. Либо мне кажется что медленная. Щас вообще пишу фронтенд на новом для меня стеке Nextjs Typescript+Shadcn+tailwind. Мы можем как то связаться, чтобы я показал тебе просто то, над чем я пахал три рабочих дня, а ты бы оценил вообще это нормально или нет ? Пожалуйста
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
Напиши мне в телеграмм, и пришли все, скажи что тут писал
@user-ky3jr3qp3c
@user-ky3jr3qp3c 4 місяці тому
Привет! Спасибо за уроки! Подскажи пожалуйста, как у тебя раскрываются каждый тег с классом на новой строчке когда ты например записываешь li*5 да и вообще в целом раскрытие тегов у тебя происходит не линейно как например у меня.Это не то чтобы alt z,а какая то другая настройка
@flowcsgo804
@flowcsgo804 4 місяці тому
Попробуй расширение prettier для vs code
@user-ky3jr3qp3c
@user-ky3jr3qp3c 4 місяці тому
Спасибо! То что нужно @@flowcsgo804
@user-kp7ce3ns1x
@user-kp7ce3ns1x 2 місяці тому
Дуже дякую за роботу. З кожним новим "повторенням" за тобою в голові вже щось починає складатися в певну картину. Навіть помітив один момент в адаптиві - можливо я неправий, то виправ, будь ласка: @media (max-width: 768px) { .header__inner{ padding-left: 64px; padding-right: 64px; } } Ти вказуєш по 64px, як в макеті, проте, якщо подивитися через інспектор, то .container має padding-left та padding-right по 20px. І також ще .user-actions має gap: 20px; Тобто я зробив ось так, щоб все було рівненько) @media (max-width: 768px) { .header__inner{ padding-left: 44px; padding-right: 24px; } }
@hogvarts
@hogvarts 6 місяців тому
Вадос. Как ти размножаешь* курсоры вверх или в низ ?) Ибо например у меня только с зажатым альтом и мышкой нужно их ставить.. а ты как-то раз раз раз и в продакшн
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
ctrl+alt и стрелочка вниз или вверх, но у меня стоит плагин который копирует комбинации кнопок из старого саблайм, в вс коде без этого плагина скорее всего комбинация другая, в настройки, там есть инфа
@hogvarts
@hogvarts 6 місяців тому
@@vadymprokopchuk Благодарствую )
@vanyaprosyanik4835
@vanyaprosyanik4835 5 місяців тому
мен, ти дуже крутий!! Дякую тобі за твою працю. Давай якось, якщо тобі не дуже буде впадлу) натягнути його на ВП?
@vadymprokopchuk
@vadymprokopchuk 5 місяців тому
Та тут тільки 1 сторінка, то немає що натягувати
@user-gc4ct5rs6v
@user-gc4ct5rs6v 6 місяців тому
Вадим , я начинающий фронтенд разработчик. Где можно получать заказы начинающим? можно даже бесплатные задания
@PYRUHIN
@PYRUHIN 2 місяці тому
Здравствуйте! А у вас на курсе проходят gulp-сборку, scss и создание слайдера?
@vadymprokopchuk
@vadymprokopchuk 2 місяці тому
Привет, конечно
@music.relax.
@music.relax. 2 місяці тому
Почему, когда я скачиваю ваш файл fig с Гугл Диска, то там пусто? Вы их удаляете, или это проблема у меня?
@mateo7891
@mateo7891 6 місяців тому
Спасибо за такие видео, но не могу понять почему я пишу все точь в точь как у вас, но результат получается другой, особенно начиная с адаптива. В чем может быть проблема? Пишу на VSC на маке, браузер хром
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
значит, что-то не так как у меня, где-то пропущена буква или скобка, или что-то не написано, мб сборка начальная другая
@hpbulbasaur8946
@hpbulbasaur8946 6 місяців тому
а transition не работает с display:none, нам тогда эту тень лучше через какойнибудь min-height лучше записать чтоб была плавность или в принципе без плавности тогда?
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
та по тени там особо плавность и не нужна, но все верно если нужно, то нужно дисплей на что-то другое заменить
@Mr.Fiksik
@Mr.Fiksik 2 місяці тому
Добрый вечер.Подскажите, из за чего может не открываться макет? Скачиваеться,но не открываеться.
@flowcsgo804
@flowcsgo804 6 місяців тому
Лайк не глядя
Get a knife! | Standoff 2
01:06
Standoff 2 Live
Переглядів 1,5 млн
Натяжка верстки на wordpress
3:42:55
От 0 до 1
Переглядів 297 тис.
6 css свойств которые от тебя скрывают
34:23
От 0 до 1
Переглядів 4,3 тис.
БЭМ методология за 10 минут | Основы для начинающих
10:01
Александр Ламков — Friendly Frontend
Переглядів 10 тис.
8 новых сss свойств о котрых ты мечтал
32:17
От 0 до 1
Переглядів 29 тис.
Как подключать шрифты в 2024
20:53
От 0 до 1
Переглядів 2,7 тис.