Адаптивное (отзывчивое) CSS свойство. Как быстро адаптировать элементы.

[@FreelancerLifeStyle]

🤟 Крутяк? 🔴 Получить доступ к плюшкам + поддержать канал: www.patreon.com/freelancerlifestyle 🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle) 🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat) 🔴 Facebook: facebook.com/freelancerlifestyle 🔴 Instagram: instagram.com/freelancer.lifestyle

[@AlexeyKhachaturyan]

Пользуюсь этим свойством еще с видео о адаптивных шрифтах)

[@magnosierra8291]

Информация на вашем канале самая структурированная, а решения самые лаконичные. Я откинул все остальные источники по верстке и смотрю только Вас. Спасибо!

[@FreelancerLifeStyle]

Я рад! Стараюсь!

[@kotlancer]

Я на моменте с размером шрифта уже был безмерно счастлив, а теперь еще и внешние\внутренние отступы будут адаптивно изменяться в моих работах, ААААААААААААААААААААААА!! Спасибо огромное!)

[@FreelancerLifeStyle]

Пожалуйста!

[@mediocrity3513]

Наконец-то реклама!!! Я рад за тебя бро, действительно ждал когда же у тебя появится реклама чтобы ты получал ещё больше профита за все тонны информации которой ты с нами делишься )

[@FreelancerLifeStyle]

Спасибо!

[@ДмитрийЯ-з2д]

Ай да Жека, ай да... МООДЕЦ! В жизни бы не нашел и не открыл такое. Спасибо за новую фишку! Айтишники реально ленивые. Неделю потратишь на изобретение такого, зато потом месяц в году сэкономишь ))) А еще эта искренняя радость в голосе. Будто ученый при совершении открытия )

[@FreelancerLifeStyle]

Ахах) спасибо!

[@mickzc7064]

Спасибо за дорогую информацию которую ты вещаешь бесплатно ! Ты хорошее дело делаешь ! Так держать !

[@FreelancerLifeStyle]

Пожалуйста!

[@AnastasiyaMajid]

ААААА словами не выразить как это круто!

[@FreelancerLifeStyle]

Я рад!

[@kotlancer]

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

[@FreelancerLifeStyle]

Я рад!

[@happybet228]

Привет! Дочитай до конца! Хочешь выучить ин язык? Интересуешься программированием? Видео/Фото монтаж, Инвестициями, Настройкой рекламы? SMM и т.д? У нас самые лучшие платные курсы , абсолютно бесплатно - курсы от skillbox, udemy, gekbrain и т.п. Переходи в наш тг канал - @slivcoursefree

[@Tarantino-h9s]

Вау... Це ВУНДЕР-ВАФЛЯ! Друже, твій стиль подання матеріалу+ChatGPT - це СИЛЬНО. Я вже після після уроків про Grid такі речі тут верстаю... Взагалі, що ще хочу додати: я офігенний макетик відкопав

[@roman-_-novikov]

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

[@IhorVasilchenko]

Вернее логики и абстрактного мышления

[@FreelancerLifeStyle]

Пожалуйста!

[@natalybellini915]

Математика всегда нужна, там логика и анализ тренируются.

[@Yurii_Mitrofanov]

Женя, это огонь 🔥 Спасибо что делишься такими наработками Это большого стоит

[@khalilmutallibov]

Calc - крутое свойство! Помню выпуск про адаптивный шрифт, там тоже было это свойство. Это очень полезно, большое спасибо!

[@FreelancerLifeStyle]

Пожалуйста!

[@grimera1937]

Подобное видео уже было, но сейчас формула для шрифта не много изменена и теперь работает отталкиваясь от max и min width, круто !

[@FreelancerLifeStyle]

Да, сейчас более оптимизировано

[@ruvick1776]

Ты как всегда Крут!!!) Сегодня же внедрю это себе в шаблон. Как обычно, захожу, сначала ставлю лайк, потом смотрю. Потому что твой контент всегда Мега Крутой!)

[@FreelancerLifeStyle]

Спасибо!

[@TheDaemonL]

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

[@cheesecheesson9842]

Вот это да, спасибо, Евгений, отличный контент, уже даже не для новичков, а для профи ))

[@FreelancerLifeStyle]

Спасибо!

[@grs204_]

Класс , новое видео. Поставлю лайк, но посмотрю потом. Так как все должно быть по порядку. Сейчас изучаю flexbox по вашим урокам.

[@FreelancerLifeStyle]

Супер! Спасибо!

[@alkushchik]

Круто!👍 Спасибо тебе, Жека!

[@FreelancerLifeStyle]

Спасибо!

[@svetlanapokrovskaya7798]

Круто! На днях ломала голову, как можно адаптировать паддинг, а тут раз, и видео в тему. Женя, спасибо большое!

[@FreelancerLifeStyle]

Пожалуйста!

[@СветланаСавина-й3и]

Это просто не описать словами, как удобно! Женя, благодарность тебе огромнейшая! Экономия времени - супер!

[@СашаТюменцев-ш9ь]

це просто фантастика!!! Ніколи б не додумався, дякую велике!!!

[@deevue_sews]

Жека ты не перестаешь удивлять))) Это очень крутой и полезный урок, я буду обязательно пользоваться и тебя вспоминать) Спасибо тебе!

[@ВладиславДобриця]

А шо, так можно было? Просто отпад, спасибо за инфу! Главное - не забыть, когда буду верстать)

[@FreelancerLifeStyle]

Пожалуйста!

[@ARTEMIUSFOLIO]

Это уже высший класс!))) Крутяк!

[@FreelancerLifeStyle]

Спасибо!

[@ДарьяАрсеньева-х9и]

Как же я люблю такие плюшки😍 спасибо, Жень 🙏

[@FreelancerLifeStyle]

Пожалуйста!

[@SG-li3qv]

Cao Ženja super je informacija, taman sam učim pomalo crtati sa figme maketi ali razmišljao za adaptiv. Hvala ti brate za top infu))!

[@КадырЕржан]

Именно это видео принуждало меня подписаться ) У меня нет слов, спасибо, не останавливайся, только вперед!

[@саксасксон]

Вау !!! Волшебные формулы пошли !!! Лайк однозначно)))))

[@FreelancerLifeStyle]

Спасибо!

[@саксасксон]

@@FreelancerLifeStyle Тебе спасибо.Здорово помог мне своими видео.

[@alexandrx1237]

Отличный способ!) Как раз искал таблетку для адаптивности Спасибо!)

[@FreelancerLifeStyle]

Пожалуйста!

[@vitamax3777]

просто вау! Спасибо, Жень

[@FreelancerLifeStyle]

Спасибо!

[@rustyspc9046]

Как всегда супер полезное видео. Спасибо за контент!

[@FreelancerLifeStyle]

Пожалуйста!

[@igorpodolskyi1308]

Отличное видео! Как только подумал за миксин, так сразу ты и показал) Спасибо.

[@FreelancerLifeStyle]

Пожалуйста!

[@olegsemenukha4107]

Бомба! Я влюбился в calc! Спасибо! :)))

[@FreelancerLifeStyle]

Пожалуйста!

[@AbraKadabra000]

Кайф. Делал такое подбирая каждый раз коэффициенты на глаз но с формулой пижже! Спасибо!

[@ТетянаПересипкіна]

Сколько позитива и задора в изложении материала. Спасибо за такой крутяк.

[@FreelancerLifeStyle]

Пожалуйста!

[@proquiz2308]

Я смотрю конечно больше ради эмоций Жеки, но это просто космос контент. Спасибо!

[@shukonfadah5725]

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

[@РоманШевченко-ч4ы]

Как всегда на высоте, друг мой. Спасибо. Эпический лайфхак.

[@FreelancerLifeStyle]

Спасибо!

[@Pug.is_cool.m]

Спасибо. Это именно то, что мне нужно

[@FreelancerLifeStyle]

Я рад!

[@ОльгаЛитвинова-ж8ш]

Добрый день, Евгений! Отличное видео, крутые наработки, подробные обьяснения, понятная подача! Благодарю за эти "фишки" от мастера, за Ваш труд и помощь в обучении профессии! Успехов, интересных заказов и благополучия Вам и Вашей семье!👍🙂

[@tazorprod.934]

Нашел эту формулу в интернете и плохо понял что к чему. В этом видео Евгений буквально все разживал. Спасибо большое)

[@shurik8252]

Сначала казалось всё сложно, но по сути это же простейшая математика. Вы вычисляете коэффициент изменения ширины, а точнее масштаб, затем умножаете на разницу между макс и мин, это скорее диапазон изменения величины и прибавляете минимальную величину отступа, т.к. в минимальной точке (320) правое выражение равно 0. Это интересная идея, но самую суть я понял в том, что можно придумывать любые задачи для значений - это действительно круто. Как всегда спасибо большое!

[@МарусяКіс]

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

[@franticf2548]

😳 Це просто щось неймовірне. Спасибі.

[@tochcha2971]

Спасибо, пользуюсь теперь эти постоянно

[@ElevateSphere]

Это гениально! Спасибо! Я сэкономил кучу времени!

[@ruslankrasnov732]

Как же это круто!!!💥💥💥

[@goodirkutsk]

Ничего бесполезного на твоём канале нет, все четко по делу👍 Адаптив всегда актуален

[@FreelancerLifeStyle]

Я рад!

[@gritsienkooleg3447]

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

[@imakhnoo]

Было бы отличным ещё видео по интеграции вёрстки на популярные CMS, думаю, многих порадует)

[@Sergey-uz1sz]

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

[@Fender_60]

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

[@denisvolkov4784]

Это невероятнейше полезная штука. Огромное спасибо! Дико облегчает адаптив ибо сводит на нет написание 100500 медиазапросов. У меня была подобная идея, но пока я бы додумался как реализовать... А тут всего 11 минут, и благодаря тебе я точно понял принцип работы, и не просто скопипастил код, а именно понял.

[@harpeter9752]

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

[@andreiognev1426]

Женя, ты как всегда лучший!

[@andygr1n1]

Коротко, ясно, актуально. Большое спасибо!

[@yamixa-gz]

Спасибо Жека. Как всегда быстро, понятно, и главное это работает!!!

[@FreelancerLifeStyle]

Я рад!

[@developer8112]

Спасибо за такую фичу! Попробовал применить данное свойство к контейнеру, получилось сделать и его адаптивным. Теперь резиновый, без резких прыжков и кучи медиа-запросов...

[@b_fegi]

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

[@FreelancerLifeStyle]

Спасибо!

[@chuvital]

Спасибо! Надо попробовать.

[@FreelancerLifeStyle]

Пожалуйста!

[@tzkmqptjpjxjks]

Крутяк 🚀

[@FreelancerLifeStyle]

Спасибо!

[@luxarmiger5729]

Жека, спасибо, родной. Это офигенная информация!

[@nikolaylesko2175]

Значит задействовал для изменения высоты изображений, с приблизительным сохранением пропорций при адаптиве - работает отлично! СПАСИбо

[@FreelancerLifeStyle]

По картинкам советую kzbin.info/www/bejne/pIXXppx4jbCjbpo

[@Сергей-ю8и1х]

Евгений - Маэстро! По мне, так ты усовершенствовал написание адаптивности сайтов для нас на 100%. Круто, Спасибо!!!

[@amysha149]

Как же ты крут, Жека! Спасибо тебе!!!🤗🤗🤗

[@ГлебДубровский-д6ъ]

Как всегда огонь!!!!🔥🔥🔥👍

[@FreelancerLifeStyle]

Спасибо!

[@queenstars2112]

Суперский контент, Женя! Класс! Like*1000 Tab !

[@FreelancerLifeStyle]

Спасибо!

[@ОлегСелин-ш9ы]

Неплохо! Функцию можно чуть адаптировать. Тот же вьюпорт с разницей минимальной ширины, вынести в кастомное свойство

[@FreelancerLifeStyle]

да, конечно. просто нужно было показать как все устроено.

[@oOcitizenOo]

Это было супер познавательно! Спасибо!

[@FreelancerLifeStyle]

Пожалуйста!

[@andreiribac6284]

мое почтение! невероятно круто!

[@nikolakoval7294]

это просто супер круто! обязательно буду использовать

[@FreelancerLifeStyle]

Спасибо!

[@Yana_Kibka]

Нереально круто!

[@Faradenza-sb3mj]

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum,Просто продвигаю видео, спасибо автору за очень позновательный контент.

[@ivanborysenko3043]

Супер!

[@FreelancerLifeStyle]

Спасибо!

[@cikada3398]

СПАСИБО! Думал сначала что можно как-то пропорционально изменять размеры странницы(масштабировать), но как оказалось нет, в итоге наткнулся на твое видео) По сути даже можно JS либу написать:)

[@alinahoncharenko6296]

Женя, невероятно полезно! огромнейшая благодарность

[@elina-vecherova]

Нереально крутое и полезное видео🤯 И как же классно смотреть на человека, которому самому в кайф верстка и в кайф рассказывать об этом другим. Заразительная энергия 🙃 Пойду делать адаптив 🤘

[@FreelancerLifeStyle]

Спасибо! Я рад!

[@WebDev_51]

Жека, ты крут! Одно видео лучше другого

[@FreelancerLifeStyle]

Спасибо!

[@baummm_9315]

Это очень круто , поможет сильно сократить код , большое спасибо :)

[@КамильАлиметов]

Просто лучший! Миллион раз спасибо 🙂

[@FreelancerLifeStyle]

Пожалуйста!

[@ЕвгенийКравцов-ы6д]

Евгений, спасибо за ваши труды , в интернете ваш канал №1 в этой теме!

[@FreelancerLifeStyle]

Я рад!

[@Polter-jk1tp]

Ты просто лучший! Спасибо за все!!!

[@FreelancerLifeStyle]

Пожалуйста!

[@zhydachivteamlonely6454]

Только паро дней нахад увидел такое у инстаграм и гугл. Было интересно как такое делаеться и не знал, у кого спросить, а тут всё есть) ЛАЙК!!!

[@FreelancerLifeStyle]

Спасибо!

[@sashnevski]

Ты гений, Евгений!!!

[@FreelancerLifeStyle]

Спасибо!)

[@artem_ka3863]

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

[@berdinazaryazmuhammedov8750]

Сверстал 3 landing page, благодаряю вам, теперь вернулся чтобы узнать как делать адаптив). Хочу заметить что во время прохождения курсов, я просто смотрел (мало практиковался), а когда стоишь перед "!Tab"- ничего не помнишь). Благо то что вы не удаляете обучалки, еще много раз придется возвращаться, чтобы узнать как работает та или иная функция, крч спасибо вам)

[@МаксимАртемьев-з2д]

КАК же КРУТО!!!!!

[@FreelancerLifeStyle]

Спасибо!

[@evdokimova-olga]

Крутоо!!!! Спасибо!!!!

[@FreelancerLifeStyle]

Пожалуйста!

[@MrTopolevsky]

Вау! Це реально круто! Дякую!

[@ЕгорКривошеин-е5ю]

Круто! Как всегда четко и объяснил! Спасибо!

[@Александр-35663]

Жека спасибо за труд🔥🔥🔥🔥

[@5555Elenka]

Гениально и актуально ! СПАСИБО )!!!

[@FreelancerLifeStyle]

Пожалуйста!

[@twobytwo9440]

Наконец-то вышла долгожданная тема на свет, спасибо вам!

[@АннаМорозевская]

Очень ценная наработка, большое спасибо!

[@VovaEnt]

Огонь, благодарю!

[@FreelancerLifeStyle]

Пожалуйста!

[@gfmusic8117]

Я тож придумал подобную тему с отступами)) Ток у меня формула раза в 2 получилась) Спасибо за урок), учёл некие моменты, попробую уменьшить свою формулу)

[@КириллТимофеев-п1л]

Даже рекламу посмотрел) Лайк за видео!

[@FreelancerLifeStyle]

Спасибо))

[@leonmakedon9317]

Жека, респект! Отличный ролик!

[@grishatimin]

Жека, спасибо, это очень крутая метода. Буду пользоваться))0)

[@БогданРоманюк-д1ь]

Да уж круто 🤔😁👍

[@FreelancerLifeStyle]

Спасибо!

[@ManucharyanParuyr]

Как ты это делаешь? Это видео выходит именно в то время когда прям вот надо и так не первый раз. Я в восторге