Адаптивна верстка сайту для початківців. Пояснення дій. HTML CSS FIGMA. Частина №1

Адаптивна верстка сайту для новачків. Пояснення дій. HTML CSS FIGMA
Макет: / 70731977
🟢 Курс по верстці: edu.fls.guru/
🟢 Інші майстер-класи: master.fls.guru/
💪 гетьтривогичелендж: t.me/freelancer_lifestyle/496
❤️ Отримати доступ к екстра-контенту + підтримати канал: / freelancerlifestyle
❤️ Спонсорувати канал: / @freelancerlifestyle
Корисні посилання:
👉 Безкоштовний курс по верстці: • БЕСПЛАТНЫЙ курс по вер...
👉 VS Code: • VS Code настройка уста...
👉 Как правильно навчатись: • Как правильно учиться ...
👉 План розвитку фронтенд розробника (+МАПА): • ПЛАН РАЗВИТИЯ ФРОНТЕНД...
🔴 Мапа каналу: miro.com/app/board/o9J_lZB3YKI=/
🔴 Instagram: / freelancer.lifestyle
🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстці: t.me/flschat (teleg.run/flschat)
🔴 Facebook: / freelancerlifestyle
👋 Мене звати Женя Андріканич, я IT - спеціалист, займаюсь розробкою сайтів.
Посилання на канал: / freelancerlifestyle
🤟 Живи, а працюй у вільний час! ©

[@sunflaree5092]

Мне як беларуске так зручна і прыемна глядзець відосы на украінскай мове!! Дзякуй вялікі за кантэнт

[@user-fr3ib4yc8e]

"Кудлатити бабусю" - це просто бомба))) Дякую за стрім!

[@user-rb2ls8wn7b]

Дуже дякую! Менi 46 рокiв живу в Харковi. У дуже зруйнованому районi. Маю двi вищi освiти. Дуже цiннi знання, що Ви надаэте. Сподiваюсь, що i в мене вийде.

[@soko9005]

Женя, привіт тобі з В'єтнаму. Через дівчину почав вивчати українську та дивитися твої контенти)

[@bankai5681]

О ти теж в'єтнамець?

[@vozderzhaniye_21]

За скільки ти вивчив Українську я теж з Криму, но вивчаю її вже рік, і яким чином ти їївивчаєш?

[@danyanazarenko9981]

Я из Херсона и очень уважаю что ты перейшел на украинский язык. Можно сказать что начинал свой путь фрилансера учась на твоих уроках и за это тебе спасибо) Слава Украине!

[@athillas460]

Героям слава! Але чому московитською пишеш, раз сам з України?

[@danyanazarenko9981]

​@@athillas460 Звісно можу і українською але по перше я звик писати рос мовою, а по друге Я з Херсону и майже все життя розмовлял російскою. (Хоча зараз працюю вчітелем так що укр мовою розмовляю добре) Слава нації!))

[@Mimokrorodil]

@@athillas460 англiйською ж можна на Украiнi, чому росiйською неможна, дурко ти? Мова - це спосiб передачi iнформацii, а не вираз cвiтогляду людини. Яблуко, apple, яблоко - это всем известный фрукт. Просто написано по-разному. Можна бути росiйськомовним патрiотом Украiни, а також i навпаки.

[@kenn2ki]

@@Mimokrorodil Тільки "В Україні", а інше все правильно

[@Fafnirych]

@@Mimokrorodil Якщо після перемоги України ти отримаєш повністю російськомовну Україну, ти будеш тішитися цій перемозі? Вона буде виправдана, ця перемога? За що ми боремося? російська мова це інструмент "руССкаґа міра", який шкідливий для України. У нас не буде майбутнього, якщо Україна не буде деросифікуватись.

[@Max-tf6ut]

Респект за українську, дуже приємно слухати пояснення. Дякую, за контент!

[@user-sy9en2dw2m]

Женя дуже дякую за урок. Ви дуже добра і порядна людина! Починав з нуля по ваших уроках, та завдяки вам моя мрія почала здійснюватися!

[@erikkaraman7850]

Дуже дякую за стрім, пряму трансляцію нажаль пропустив, але добре що запис є) бережи себе і близьких, дякую за контент

[@user-qe4mw7wd5g]

Женя дуже дякую за уроки. Ви дуже добра людина! Надіюсь завдяки вашим урокам моя мрія стане на крок блище!

[@defox9721]

Довго відкладував це відео, нарешті я вирішив його подивитись і... Це неймовірно! Я дізнався дуже багато нового не тільки про верстку, а й про ваш канал :) Дякую за україномовний контент!

[@kartopla123]

Женя привіт! Дякую за свіжий відос та рідну мову, лайк однозначно. Я верстаю вже 5-ий рік, і всеодно інколи підглядаю як верстають інші, шукаю різні погляди на реалізацію, в чому і є самий кайф.

[@bledoslav]

Тебе теж зі святом. Дякую за стрім, обов'язково перегляну у вільний час

[@user-nq6vs5eu4h]

Женя, дякую. Навчився верстати сайти за Вашими уроками. Дякую за українську. Це відразу мінус 2000 конкурентів😀

[@ichwill421]

Дякую за чудовий та доступний контент рідною мовою!

[@oleksiid8896]

окрема подяка за перехід на державну мову - нарешті з'являється якісний контент українською. а взагалі супер - все детально і майже (він не зовсім для початківців) зрозуміло.

[@IT_Pastor]

Дякую за роботу, за українську і окремий топ це ваша вишиванка!!

[@freelanceismylife1496]

Привіт Жека дякую тобі за можливість навчатись безкоштовно ) я зараз закінчую безкоштовний курс з верстки який є на каналі, от що я тількищо зрозумів що я знаю що ти будиш робити наступним кроком верстаючи цей макет і це мега круто )))) ще раз дякую тобі, за те що я вже заробляю невиходячи з дому )

[@tokka__5760]

Дуже поважаю тебе , за корисний контент за те як ти його пояснюєш і за те що переключився на українську

[@valeriyatyshchuk5344]

Дякую що робиш такі початківськи стріми - крок по кроку - і так дотошно. Це мій перший макет і я багато чого навчилася!

[@FreelancerLifeStyle]

Будь ласка!

[@dariya6343]

Як мило Вас слухати, Я Вас дуже сильно поважаю. Дякую Вам, я розпочала дивитися ваші відко про фронденд, Ви надзвичайно чудова людина. І я хотіла сказати що Ваша українська так красиво лунає , так природно і красиво і вишиванка така вишукана. Дякую за Вашу роботу, всі ми це дуже цінуємо:)

[@user-bj8oe1gt3r]

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

[@andreasacardio6289]

Жека , ти найкращий ! Дякую , що робиш контент також для початківців!!!!!!!!!

[@andsowhat3907]

Дякую за канал! Дякую за знання і дякую за українську!

[@user-os2ps1vy1k]

І вас зі святом. Дякую за відео і вашу роботу!

[@user-ze1iz2vj8z]

Дякую за можливість навчання! Ти крутий!

[@user-qz4dd1tk4o]

Дякую за відео хотів згадати декілька моментів тому подивився гарна вишиванка

[@AndrewDevUA]

Чудово, що більше такого контенту виходить українською!

[@emhyrvaremreis2588]

Величезне дякую за україномовний контент)) З вашими уроками я легше і швидше переходжу повністю на українську мову😊

[@alonahilbert9959]

Женя, дякую за працю👍👏👏👏

[@dovuret]

Дякую за корисний контент! Планую відточити навички за допомогою цього стріма, буду уважно дивитись і переписувати код.

[@userTarasK]

Найкращий канал про верстку🤟

[@volodymyrvolkiz2434]

Дякую! Вчимося у вас! Успіхів з ремонтом! ;)

[@olexsandrapavlenko1166]

дякую за твою роботу!))) Я в захваті, вже самостійно можу зверсати не важкі макети))

[@EvgeniyBiryuk]

Відразу лайкос за Рідну Мову. Ти Красава))

[@user-hw6fz6xc1y]

Дякую за контент рідною мовою!

[@user-bs4qe5jb6r]

Дякую за хороший та україномовний контент)

[@vlad_amg]

Дякую за такий прекрасний стрім, чекаю наступну частину з нетерпінням) P.S Музика в кінці дуже класна)

[@Elena_Petrenko]

Евгений, благодарю за видео!

[@JustGuitarisst]

Дуже круто. Дякую, зараз починаю дивитися та повторювати і запамʼятовувати

[@mykolastryzhko3456]

Натрапив на старі відео про Swiper, але засмутився, бо думав що Ви "іноземець". Тепер виявилося, що володієте рідною мовою і підписка на якісний контент буде ще приємнішою.

[@user-zm8cq8jd1n]

дякую за цікавий та корисний відос!

[@dariayurko977]

Дякую за відео! Корисно.

[@Lopa_boba]

Спасибо вам! С праздником!

[@sertrim]

Привіт. Гарне відео, велика дяка за роботу! Слава Україні! З.І. Були б гроші пішов би на курси, але поки що, нажаль, так: три підручники і Женя;)

[@simurwtime]

жаль спізнився. дивлюсь в повторі. буде гарний вечір)) класна вишиванка👍

[@YuriyYarish]

Привіт. Я почав навчання в ІТ в 2023му... в віці 35. Попав на цей канал, черпаю додаткові знання поза навчальним процесом. Дякую за контент

[@nataliia1589]

це так приємно слухати і вчитися українською. Дякую.

[@user-kl5lj6po8p]

Чекав твій новий відос, дякую за новий матеріал!

[@user-rs1tz1sm1s]

Женя дуже дякую за урок.

[@cools9762]

Женя дякую, ти дуже крутий

[@vizer560]

я радий що в тебе новий стрім

[@QuickTippppss]

Крутой контент. Крутая позиция🟡🔵. Крутой Женя! Слава Україні!

[@Dude-iz2dw]

Дякую за якісний контент.

[@olehpastovenskyi6441]

Дуже дякую, за Все!

[@nmls629]

Дуже дякую за подібний контент українською. Нас не подолати поки існує наша мова. Саме хочу підтягнути верстку, працюю з React, все йде добре до тієї пори поки не треба лізти в CSS та верстку)

[@ArsenDanylenko]

Женя, дякую! Підкажіть, коли самі верстаєте на замовлення, то для rem використовуєте для відступів і т.п., а для шрифтів ту адаптивну формулу, про яке є окреме відео? Чи rem для шрифтів також?

[@yummyfood15]

Привіт! Скажіть будь ласка як можна зверстати респонсивний дизайн (на мобільному щоб добре виглядало) для інтернет магазину на vue 3?

[@sergeymoskalenko6192]

Доброго дня! Підскажіть будь ласка, не прижимаєтся футер через флекс. Все роблю як на відео, але не працює...буду вдячний відповіді!

[@zhodarsubanbekov7482]

Спасибо большое

[@ihorfreid3030]

Як милозвучно😊

[@Janvapan]

Просто якась магія!

[@slavikdimitrov2536]

Подскажите пожалуйста. Кто работал уже в продакшене. Там тоже используются px для разметки padding, margin, font-siye и т.д? Я из книги одной вычел, что лучше использовать rem em и %.

[@Ukr_sunflower]

Добрий день, Євгене! Чи будуть відеоуроки про node.js?

[@user-to9ol6px5g]

Avocode не дає змогу вигрузити fig файл (макет), який ви приклали до відео, як налаштувати застосунок, щоб була змога відкрити даний проєкт?

[@georgemagdan2093]

Дякую за відео і Вашу роботу в загальному. Чи буде окреме відео по новому Swiper?

[@user-hy6ye9wk5s]

Люблю тебе😘 Вишиванка топ👌

[@eugenesidorov9516]

Лайк за український контент! Євгене, я отримував вашу збірку "Чертогі фрілансера" купляючи доступ на патріоні. Там також був доступ до пояснень деяких функцій. На мій погляд, для людей котрі вже оплатили за вашу чудову збірку, документ з поясненнями має бути також доступний, в чому я був переконаний чесно кажучі. А ось якщо людина хоче оновлену збірку то будь-ласка - сплачуйте знов.

[@FreelancerLifeStyle]

@@eugenesidorov9516 доброго дня, в мене немає магазину чи чогось подібного. Напрацювання та документація надаються в знак вдячності за підтримку каналу. Дякую за підтримку!

[@eugenesidorov9516]

@@FreelancerLifeStyle тобто щоб отримати вашу вдячність знов мені потрібно знов оплатити підписку на патріоні?

[@FreelancerLifeStyle]

@@eugenesidorov9516 тільки якщо бажаєте підтримати канал.

[@marinkakiskis9335]

Доброго дня. Киньте скрін чи опишіть(де ця функція конкретно вмикається) . Як зробити , як на відео , коли в вікні код розробника.. автор міг варіювати з розміром сторінки?

[@user-ff1pn8qz7s]

Дякую за відео! Питання: для чого min-height wrapper-у?

[@ProgramTime]

топ контент👍✊🔥🔥🔥🔥🔥

[@n.449]

Жека привіт, скажи будь-ласка як ти на 33:11 хвилині відео так виділяєш елементи ?

[@lexey2765]

Привет, это для совсем новичков,? Нужна вёрстка для с самых основ плюс фигма?

[@bezkhrebtyi]

Ого крута позиція блогера! Дивлюсь лише тебе і Кирила Єванса)))

[@Denik-is6gi]

Добрый день, Евгений!! Скажите пожалуйста, а вы используете wordpress? Приходилось ли вам внедрять верстку в него?

[@dashaegorova7858]

А підскажіть , де макетик витащіть ?

[@Roman-it6du]

зі слайдером взагалі нічого не вийшло. Зробив все один один як в відео, у мене чомусь всі три картинки зі сладера йдуть одна за одною вниз і ніяк інакше. В чому може бути проблема?

[@user-cv9gd8sw6g]

Я украинский не знаю и не могу слушать, но просто знайте, что Вы ПРЕКРАСНЫЙ ЧЕЛОВЕК! Добра Вам!

[@user-oz4lr5mn3n]

Привет Женя! Я из Узбекистана. Я смотрю тебя уже давно, много чему у тебя научился. Спасибо тебе большое за труды! У меня такой вопрос, можно взять твои дизайн макеты для своего портфолио? Спасибо за внимание)

[@user-vo9wq4dx3f]

привіт, скажи, будь ласка, чому запис класів саме такий? . Я зрозуміла, що це по методології BEM, наступний вміщає назву батьківського плюс__нова назва, навіщо писати другий клас після нього?

[@perseveranse]

Надо было в школе вместо английского учить украинский xd, мне кажется смотря твои выпуски я как раз ему и научусь

[@crazybogdancool709]

ТОП, Кращий !

[@mitqa5536]

А що за прога для скріншотів?

[@sashasokol7559]

Дякую!!!

[@sviiatoslav-khorobryi]

респект за мову!🤝

[@MyroslavRosiaiev]

День добрый , подскажите пожалуйста где можно взять ссылку на макет ?

[@GoldenEmpire2019]

На 15.29 хвилині відео в програмі VS Code було запущено вікно підключення шрифтів, як визвати це вікно, хто знає, плагін Google Fonts встановлений, підкажіть будь-ласка?

[@-UAcontent-]

Ctrl + Shift + p or Cmd + shift + p for MacOS 😉

[@GoldenEmpire2019]

Дякую за допомогу. Гарного дня!

[@xelinel32]

Дякую!

[@user-zv7eb4hz1l]

Дорого дня! Євгене, намагаюся повторити верстку за Вами, але побачив таку біду, властивості для контейнера не зберігаються, при ширині екрана 1400рх, в панелі розробника пише так [class*=_container] { max-width: 1170px; margin: 0 auto; }, але вимірявши значення за допомогою лінійки, які вбудовані в цю панель виходить, що ширина контейнера становить = прилизно 800px, допоможіть, будь-ласка з цим питанням... І, звісно, дякую Вам за якісний та доступний контент. Наснаги Вам в цій не простій справі.

[@SFBeriK]

Продовжуй, в тебе навіть зрозуміліше все стало українською

[@user-rc3ru9rm5z]

Женя, а де можливо взяти цей макет сайта, який вы використовуете у видео?

[@FreelancerLifeStyle]

За посилання єм в описі

[@user-rc3ru9rm5z]

@@FreelancerLifeStyle Дякую

[@SuperRAilya]

1:30:49 bg icon form (комментарий для себя)

[@dmitrijloskutnikov694]

Заморочился на 3 часа, чтобы скачать макет. Спасибо, Евгений, за уроки. Найшвидшої перемоги вам та відновлення

[@-UAcontent-]

Друзі, підкажіть, як то Женя малює червоні прямокутники прям в фігмі, коли планує структуру?

[@RemoteLofi]

це програма кнопки prnt screen, яку можна скачати - Lightshoot, післа натискання кнопки prnt scrn - зявляється таке вікно, де ти можешь малювати

[@-UAcontent-]

@@RemoteLofi о, супер! Дуже-дуже дякую 👍

[@HA_CTPIME]

👍

[@andriydumenko1846]

😀

[@artemzhivolup2584]

Автолайк за український і вишиванку

[@user-dy8gc8vz5t]

Євген, вітаю вас) Хочу подарувати вам музичний трек для завставки наступних стрімів) Скажіть куди можно відправити трек на рецензію)

[@FreelancerLifeStyle]

Дякую, t.me/yevhen_andrikanych

[@user-cm4lr9fl2i]

Чи немає ваших курсів на udemy?

[@FreelancerLifeStyle]

На каналі безкоштовно

[@Nitrant]

Я вже не знаю що робити, у мене стрілки на слайдері не міняються місцями. я вже і html i css один в один порівнював, все одно ніяк не працює, рообив усе крок за кроком((

[@FreelancerLifeStyle]

Дивно, мабуть треба перевірити все ще раз, уважно

[@Nitrant]

@@FreelancerLifeStyle змінив з prev на next - допомогло .body-main-block__arrow.swiper-button-next { transform: rotate(-180deg); }

[@dovuret]

2:13:40 мені важко їздити на велосипеді під гораками і по пересеченке але мені це подобається тому я і їздю