Как прижать футер к низу страницы HTML CSS FLEX / Фрилансер по жизни /

Подписаться 313 тыс.

Просмотров 382 тыс.

50% 1

Как прижать футер к низу страницы за 60 секунд. Быстро и просто прижимаем подвал с помощью FLEX (флексов)
🤟 БЕСПЛАТНЫЙ курс по верстке сайтов (HTML, CSS, JavaScript): • БЕСПЛАТНЫЙ курс по вер...
🔴 Карта канала: miro.com/app/b...
🔴 Получить доступ к плюшкам + поддержать канал: / freelancerlifestyle
🔴 Курс по верстке: edu.fls.guru
🔴 Telegram канал: t.me/freelance... (teleg.run/free...)
🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat)
🔴 Instagram: / freelancer.lifestyle
🔴 Facebook: / freelancerlifestyle
👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: / freelancerlifestyle
🤟 Живи, а работай в свободное время! ©

Опубликовано:

3 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 570

@FreelancerLifeStyle 3 года назад

Что скажете? Продолжать формат?

@jamesborn89 3 года назад

не плохо, быстро и понятно! продолжай!

@РавшанУмаров-м9е 3 года назад

Круто! Быстро, информативно и понятно. На мой взгляд, однозначно да!

@ГрибБлевантон 3 года назад

Круто! Обязательно продолжай

@athillas460 3 года назад

Очень интересный формат, я такое поддерживаю!

@ГасанИсмаилов-н6и 3 года назад

Да! Новичкам зайдёт особенно сильно. Кратко и информативно, без лишней информации)

@Алексей-с1ч3э 3 года назад

Да ,конечно продолжать!) Таких тонкостей куча и если это будет в одном плейлисте будет здорово

@FreelancerLifeStyle 3 года назад

Так и сделаю!

@ВикаКоко-р8ю 3 года назад

@@FreelancerLifeStyle скажите, пожалуйста, если я стану вашим потроном сейчас, смогу ли я получить макеты предыдущие?

@FreelancerLifeStyle 3 года назад

@@ВикаКоко-р8ю да, но лучше с первого числа

@MerriedFellow 3 года назад

Да, Жень, отлично. Таких важных мелочей как раз зачастую и не хватает. Запиливай плейлист!

@FreelancerLifeStyle 3 года назад

Так и сделаю

@yakovmarker4564 3 месяца назад

Спасибо, добрый человек!

@Андрей-ш9ш3п 3 года назад

Шикарно, побольше таких коротких видео. на большие время нужно выделять, а эти сразу просматриваются.

@Turpll 3 года назад

Очень удобный формат, продолжай!

@danzeel 2 года назад

Вообще не удобно

@olgagolovko6664 3 года назад

Отличная видео-шпаргалка! Короткая и понятная. Спасибо))

@FreelancerLifeStyle 3 года назад

Пожалуйста!

@kirillperov3843 3 года назад

Жека, всего минута, а как будто открыл глаза на мир! Так держать!

@FreelancerLifeStyle 3 года назад

Я рад!

@amir-yuldashev7199 2 года назад

Интересный и нужный формат, мне помог спасибо. С отдельным плейлистом было бы вообще замечательно.

@Gitaristium 3 года назад

Отличный формат! Отличная шпаргалка на минуту без лишней мишуры. Закинул в плейлист "CSS" и при необходимости быстро вспомню 👍

@daffe7501 3 года назад

«Живи, а работай в свободное время» Отлично сказано!!

@hoodrychs1374 3 года назад

Побольше таких видео, кратко четко и ясно по делу без воды

@FreelancerLifeStyle 3 года назад

Ок

@olehpastovenskyi6441 3 года назад

Спасібки! Крутяк, продовжуй, коротенькі відоси.

@daniilkolevatykh7051 2 года назад

О боже мой, спасибо огромное!!! Всё работает наконец-то! Я Вам очень благодарен, а то на разных сайтах написано и работает, но немножко не идеально выходит, аздесь вышло прям так как хотелось!

@НадеждаПрокопенко-щ1н 3 года назад

Да, продолжать, отличный формат 👍

@FreelancerLifeStyle 3 года назад

Договорились

@Iamvarlamov Год назад

Класс! Благодарю за полезную информацию!

@romanprokopets3693 3 года назад

это новый уровень) супер полезные фишки/лайфхаки за минуту)

@ПётрБуйницкий-ф8к 3 года назад

очень! ОЧЕНЬ даже! Максимум информативности за минимум времени. Крутяк 👍

@mikhailbykov6311 3 года назад

отличный формат!! да, да!!! конечно продолжить!!!

@johnconnor9787 2 года назад

Женек человечище!!!👍👍👍

@ЯресикОлег 2 года назад

Класне, просте відео ! Загалом усі Ваші відео круті. Полегшують життя та мотивують до роботи

@starrover6592 3 года назад

Формат - супер. Хотелось бы чтобы почаще выходили в таком формате. Комментарий для продвижения видео!

@АртемКа-в3к8й 3 года назад

Неплохо) Смотри по просмотрам) Хотя с другой стороны я как-то искал эту инфу, перематывал постоянно, а тут микро ролик и всё понятно👍

@shukonfadah5725 2 года назад

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

@Тамилл 3 года назад

Круто))))) быстро и понятно!!!! Пожалуйста, продолжайте!!!!!!!!!

@FreelancerLifeStyle 3 года назад

Спасибо!

@ЭленЛуг 3 года назад

Очень полезно и быстро. Нужный формат, обязательно продолжай. Спасибо!

@ilya2839 3 года назад

Конечно продолжать, ты лучший !

@FreelancerLifeStyle 3 года назад

Спасибо!

@Lok1goD 3 года назад

Очень удобно! Наполняю свой учебный проект твоими шортами!) Пожалуйста продолжай!)

@FreelancerLifeStyle 3 года назад

Конечно!

@maksymkhomiak2543 3 года назад

Однозначно нужно продолжать! Такой лаконичный формат как нельзя лучше подходит когда ищешь решение конкретной задачи и нет времени и терпения на просмотр классического 30-60 минутного ролика.

@FreelancerLifeStyle 3 года назад

Буду продолжать

@konstantino7016 3 года назад

3. Женя, спасибо за отличный контент!!!!

@mikhailbykov6311 3 года назад

обязательно продолжать!!!

@FreelancerLifeStyle 3 года назад

Понял

@arheo 3 года назад

Очень полезный формат

@FreelancerLifeStyle 3 года назад

Спасибо!

@alehandro6507 2 года назад

отличный формат!

@OleksandrPohribnyi 3 года назад

Это реально рабочая схема, ещё давно увидел в уроках, теперь использую

@FreelancerLifeStyle 3 года назад

Круть!

@OleksandrPohribnyi 3 года назад

@@FreelancerLifeStyle спасибо за вашу работу!)

@-Forever-Young- 3 года назад

Отличный формат. Конечно продолжать)

@dr.bakhovuddin 3 года назад

Блин, крутая рубрика. Всё так чётко видно! Однозначно Лайк и Подписка

@Юлия-м8э5ь 2 года назад

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

@FreelancerLifeStyle 2 года назад

Пожалуйста!

@Edgar-q4p Год назад

Круто!!! Так Так Так!

@ВикторКосилкин 3 года назад

офигенный формат!!!!!!!

@ЕвгенийВовк-ы7ь 11 месяцев назад

Женя, спасибо тебе, за твой канал, за Крутой видео справочник!!!🙏🤩

@sergeydjur 3 года назад

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

@khanina2011 Год назад

Супер, спасибо!!! Если бы вы ещё немножко объяснили, пожалуйста, почему так, было бы вообще огонь❤

@rviturnel8516 3 года назад

Спасибо, Женя! Классный, нужный формат. Продолжай!

@FreelancerLifeStyle 3 года назад

Ок!

@ПавелКузьмин-в3о 3 года назад

Супер, конечно продолжать

@iventeye 3 года назад

Я думаю для новичков будет полезно. Быстро, чётко, понятно.

@FreelancerLifeStyle 3 года назад

Я тоже!

@Terrariane34 Год назад

Ты просто лучший!!! Спасибо тебе огромное

@vladimirlevin6799 3 года назад

Да, классно, Евгений!

@FreelancerLifeStyle 3 года назад

Спасибо!

@Nikita04111991 3 года назад

Ну шикарно же! Четко, коротко и ясно! )

@artemwolkov8567 3 года назад

Супер формат! Как в доку сбегать)

@FreelancerLifeStyle 3 года назад

Отлично

@aleksejtsind3978 3 года назад

Спасибо! Продолжай, конечно!

@FreelancerLifeStyle 3 года назад

Пожалуйста!

@info_maps_maroc 3 года назад

Конечно. Большое спасибо. Информация маленькими частями лучше заходит и остаётся в памяти.

@FreelancerLifeStyle 3 года назад

Да

@АлександрСмирнов-ы9х1с Год назад

Конечно продолжай, годный контент и охват хороший

@МаксимБурашников-ь1щ 3 года назад

Хороший формат. Нравится!

@i.am.rossalex 3 года назад

Формат отличный! 1 фича = 1 мини-видосик!

@FreelancerLifeStyle 3 года назад

Спасибо!

@Salem_Witch_ 3 года назад

Супер!) Как раз на днях вспоминала-размышляла, как же это сделать))

@FreelancerLifeStyle 3 года назад

Рад что полезно

@ДмитрийБаранский-р7ф 3 года назад

Достойная тема, которая имеет право на продолжение

@Slowedyandexsound 3 года назад

Классный формат!, продолжай также! очень клево! лайк

@movieclips4848 3 года назад

По больше бы таких фишек 👍

@Mazic86 3 года назад

Спасибо, очень ценная информация, правда

@cheesecheesson9842 3 года назад

отличный формат, спасибо )

@Канекикун-у7ф 3 года назад

Подобные фокусы очено полезны, спасибо за контент!

@TamaraNikolaevna Год назад

Спасибо за помощь. Помогли только вы.

@user-tt4hc5yj8v Год назад

Конечно продолжать) Такого бы контента все шоты....

@olehpastovenskyi6441 2 года назад

дякую Жека дуже корисну ідею ти використовуєш.

@timurkash 2 года назад

конечно, продолжать!!!

@veronikaholubkina7797 3 года назад

Спасибо большое) формат супер, давно искала годный ответ на этот вопрос!

@БорисДавыдов-я1у 3 года назад

Это будет очень полезно. Особенно для начинающих.

@my_coolheart 3 года назад

Топчик, кратко и на флексах (ново).

@ДмитрийСмирнов-б9р6н 3 года назад

Спасибо за видео уроки энтузиазм, он заразителен ) Такие лайфхаки однозначно нужны. Лично я, как начинающий, столкнулся с такой проблемой, тоже флекс помог. Только для футера сделал растянуть

@User-tq2dq Год назад

Огромное Спасибо)

@konstantino7016 3 года назад

1. Лайк и коммент в поддержку канала, а так же просмотр до последней секунды, хоть я и уже и знаю эту фишку из других уроков FLS.

@oOcitizenOo 3 года назад

Спасибо за ролик!

@XiongMaooo 2 года назад

Дякую, дуже допомогли

@АлексЛуговнин 3 года назад

Круто продолжай! Подскажи, будет ли какой-то цикл видео по верстке и натяжке многостраничника на WP? Я думаю многим будет интересно))

@FreelancerLifeStyle 3 года назад

Конечно

@danilafipsk 3 года назад

Поддерживаю, давай видос про натяжку на WP

@MykhailoKolomiiets 3 года назад

круто буду ждать

@Araizen-ho5jy 3 года назад

Видос по CMS думаю не помешал бы в плейлисте верстальщика

@jamesmay5088 3 года назад

Супер корисний контент. З нетерпінням чекаю нових shorts)))

@Алексей-и8ю7ю 3 года назад

Мне нравится! Лайк!!!

@ВолодимирХрущ-ю9ь 3 года назад

Нужно больше таких видео. с Warcraft Отличное видео!))

@FreelancerLifeStyle 3 года назад

Ок)

@DevNickKg 2 года назад

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

@vladprochan Год назад

Дякую за шортси !!!!

@dmitry9463 3 года назад

Однозначно продолжай в таком же формате. Хотелось бы увидеть такой же ролик про то как сделать стики хеадер или боковое слайд меню.

@igorfeticov 3 года назад

Все: ждут уроки по JS. Жека: показывает прием, который показывал еще в уроках по флексам. Все: ну а что все равно полезно)) Жека, а если без шуток то продолжай такой формат, очень полезные шпаргалки. Но и про JS не забывай))

@ArduinoTechnology 2 года назад

Наконец-то мне в реки попадаются програмисты

@imichimi309 3 года назад

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

@Максим-г1ъ7п 3 года назад

Молодец, делай ещё

@SidermanDmitry Год назад

Ох, блин, вот я тупица! Я тут один проект правлю и задача как раз это встала, у меня затуп случился, нашел кучу способов через всякие скрипты, пересчет высот и тп. Все это или громоздкое или корявое. И тут смотрю это видео и бью себя по лбу. Я же б.. Сам так делал на каком-то из ранних проектов! Жека, спасибо огромное! Ты лучший! Все гениальное просто!

@ИринаЛастовченко 3 года назад

Конечно, отлично получаеться

@FreelancerLifeStyle 3 года назад

Рад!

@drsnake4845 3 года назад

Ждём новых видео)

@FreelancerLifeStyle 3 года назад

Отлично!

@user-jt7wb3zc1m 2 года назад

- Як притиснути футер до низу сторінки - Web-скотчем 😂😹

@deniskotov 3 года назад

Хоть ты уже объяснял этот момент в плейлисте по флексбоксу, но мне кажется, что идея таких вот шортов очень хорошая. Потому что мелких нюансов в верстке очень много и большое видео не всегда для этого подходит. К примеру, я из прошлого видео по верстке сайта, которое длилось несколько часов, выделил для себя три-четыре нюанса, о которых не знал. И с одной стороны, круто, а с другой - как найти эти моменты снова, если забыл? Пролистывать 5 часов видео? А шорты - как раз клевая идея для того, чтобы многозначительные нюансы выделять отдельно. Короче, очень круто!!! Спасибо за формат и твою работу, Жека!

@FreelancerLifeStyle 3 года назад

Спасибо, буду делать

@nikkicoldex8408 2 года назад

Бомба!!!

@marufzakirov8992 3 года назад

конечно продолжай !

@LordOzzy1986 2 года назад

классный формат! у меня по каким-то причинам сработало так: body { height: 100vh; }, 100% никак не хотели работать), на разных браузерах.

@pitbrest 2 года назад

Как приятно когда подзабыл забить в гугл "фрилансер по жизни прижать футер, или фрилансер по жизни флексы и т.п.", спасибо Жека

@puntochange7426 3 года назад

Супер!

@FreelancerLifeStyle 3 года назад

Спасибо!

@Messlionel 3 года назад

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

@ЕвгенийКолобов-х4з 3 года назад

оОоо спасибо Жека!)

@FreelancerLifeStyle 3 года назад

Пожалуйста!

@isoul5944 3 года назад

Если следовать вашему методу, тогда элементы content-a будут равномерно распределены по вертикали.... Гораздо проще, на мой взгляд, просто добавить в CSS .footer margin-top:auto;

@pestovavalentina1258 3 года назад

Я только в начале недели мучилась с этим. В уроке про флекс это есть. Все сделала именно так. Не работает. Оказалось cms дополнительно контейнер добавляла. Снаружи wrapper. По видео: Эта подача лучше. По крайней мере краткое повторение уже имеющихся знаний. Спасибо за информацию! Благодаря вашим урокам вдохновилась научиться хорошо верстать.

@Chambo015 3 года назад

Искал как раз решение а тут на тебе )

@FreelancerLifeStyle 3 года назад

Я рад!

@Chambo015 3 года назад

@@FreelancerLifeStyle а почему wrapper min-height? Разница какая если просто height

@sergeialekseenko3545 2 года назад

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