Прижать футер к низу сайта (flex, grid).

[@BrainsCloud]

А как вы прижимаете футер к низу сайта?

[@zoltek3638]

можно еще так : .page { display: flex; flex-direction: column; min-height: 100vh; } .content { flex: 1 1 auto; }

[@jemilsuleimanov209]

Вот у меня голова сейчас болит, между футером и хедером несколько блоков и у всех разный высокий z-index, и не знаю как футер вниз прижать)

[@BrainsCloud]

да, кстати, хороший вариант

[@Spider0444]

main { flex-grow: 1 }

[@MxM_5835]

Я прижимаю так же через flex только прописываю контентному div flex 1 1 auto;

[@ЕвгенийСоболь-я4о]

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

[@Iraes05]

Дмитрий, я не знаю, как так выходит, но вот такие простые, рабочие задачи, которые для новичков - ужас и страх, никто не разбирает! Огромное тебе спасибО!

[@tetianatrofymets7940]

Учу верстку. Вчера вечером только подумала об этом, а утром в KZbin наткнулась на это видео в рекомендациях и посмотрев, разобралась. Супер. Спасибо автору.

[@aventa90r]

Я искал долго и нашёл! Много воды в интернете, а здесь сразу и легко! Спасибо Вам👌🤝

[@DeIgado95]

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

[@ВиталийНам-ю7н]

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

[@mrdoom3249]

Дмитрий, долго бился с этой проблемой, но только ваше видео помогло ее решить! Спасибо за видео!

[@pastyrMisha]

Большое спасибо! Быстро решил первым способом. Класс! Успехов, процветания!

[@vilzer100]

Сколько искал решение задачи, спасибо тебе, добрый человек. все просто понятно и доходчиво. Лайк от backeндера который полез во фронт...😁

[@BmxCarSoundStreetTrial]

спасибо вам большое, сколько видео смотрел, ничего не выходило. Возможно все повлияло когда создал div PAGE . В любом случае)) только вы рассказали так, что у меня все заработало... еще раз спасибо

[@eugene_bilozir]

Спасибо, смог footer прижать к низу страницы! все четко и понятно) Но есть одна вещь(для тех кто не знает будет непонятно), когда мы задаем grid-template-areas и даем названия нужно обязательно соответствующим блокам дать название при помощи grid-area [Например: .header{ template-area: header} ] . Без этого не получится ничего, если я не ошибаюсь.

[@АлександрКаптуров-с8и]

Класс! Спасибо большое, уважаемый автор! Очень помогли!

[@annatolstoukhova8561]

Спасибо! Самок понятное видео по этой задаче.

[@MxM_5835]

Спасибо. Коротко! Просто! И понятно!

[@DenInside]

Мужик, счастья тебе, здоровья и долгих лет жизни!

[@tatigerbst4416]

Божественное объяснение! Спасибо Вам большое!

[@grs204_]

Спокойная и лаконичная подача материала. Отлично

[@notjimbeam689]

Спасибо, очень сильно помог .

[@blxxd39]

Спасибо Дмитрий, Было очень полезно!

[@gennadystolbov]

Спасибо! Извечная проблема, это правда. Сразу на сайт новый поставил - работает! Протестируем на разных устройствах...

[@BagaevRoman]

Огромное спасибо Вам! Очень лаконично и понятно!

[@kadrrrriya]

СПАСИБО! очень помогло😀

[@vitaliikosh557]

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

[@daniloneil]

Гуд. Всего один вопрос к Диме @BrainsCloud - когда будет видео по основам JS? С твоей подачей это будет топ контент для начинающего фронтенд разработчика.

[@BrainsCloud]

думаю будут

[@Alex-ni2uv]

респект, метод с гридами класс, сделал так на проекте) в twig в базовом шаблоне тоже норм работает

[@АндрейВикулов-ы8м]

Спасибо! Очень полезная информация.

[@progerlife6690]

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

[@Вячеслав-я6л3и]

Programmers я думаю тогда эти способы и не работали

[@difaida_a7359]

Шикарно, спасибо за качественный контент

[@WarriorExiles]

Было бы здорово увидеть на этом канале видео по верстке адаптивного меню (можно пару вариантов: flex, float, списки с ссылками, только ссылки). Контент годный. Переподписался (почему отписался раньше - не посню, возможно, случайно).

[@ВиталийВвв-ж9о]

Жаль что только один лайк можно поставить!

[@АтайИбрагимов-ю8л]

Все работает! Спасибо.

[@yaroslavzef7267]

Это было круто!

[@bakhytzhankhan7852]

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

[@에덴리시버]

спасибо Автору!

[@Nick-hq8of]

ты просто лучший

[@kabipuppa]

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

[@technic_and_programming]

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

[@Dan-p7f]

Прижал, спасибо!

[@Romeo-kmv]

Спасибо, очень понятно

[@ВладимирДунаев-ц2н]

полезных) спасибо)

[@fantast2568]

Спасибо, очень полезно!

[@RuslanchannelD]

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

[@vladmvp8140]

спасибо, топ контент

[@andreykoreshkoff3968]

Спасибо, помогло )

[@МишаМихаил-ф7х]

Thanks. It's so good!

[@Eleanora13]

Спасибо за видео, мою задачу помогло решить)) 👍 Но столкнулась с «багом» в браузерах Chrome, который не позволяет мне держать этот footer внизу страницы. В других браузерах всё отлично держится. Пойду теперь решать эту задачку...

[@qwe-rty-]

Топ информация

[@yurizhdanov]

спасибо помогло !

[@ЮлияВысоцкая-н1щ]

Спасибо большое, очень помогли

[@ЛевапВономис]

Спасибо чувааак

[@mak_whisk]

Спасибо

[@overlord2k4]

То чувство, когда только узнал об этой проблеме и тутже её решил 😂👌👌

[@vladimirsherstyuk2906]

полезно и интересно

[@жорагошин]

Спасибо!

[@asdasd-y2m]

лучший

[@imaxkappa5026]

Помогите пожалуйста, когда пишу обычные текста в внутри main то все нормально, но при вставке таблицы мой футур уходит вверх, либо перекрывает таблицу.

[@AquaEasy]

Подскажите пожалуйста, а как растянуть блок на всю высоту?

[@artcip5715]

что за горячую клавишу ты нажал когда вы lorem писали ?

[@adamsteklov]

Прошу, помогите, второй день мучаюсь, у меня .page равно одному экрану, но я добавил .content >> .grid , а .page не увеличился... из-за чего футер прижат к нему, а не к низу страниц, где кончаются все айтемы в сетке..

[@berkut4502]

А как сделать, чтобы он всегда был внизу сайта, всегда показывался, как и хэдер?

[@jastinmakalister637]

если уменьшаю колёсиком размер футер идет вниз так и должно быть?

[@КамильМиникеев-г5ъ]

А почему вместо создания обертки Page, нельзя просто написать для body : overflow hidden?

[@ame4087]

Можно, но проще записать это в .wrapper

[@lvivduncan]

скрол пропадет)

[@req6841]

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

[@Группа171АТФ]

фуф спасибо тебе большое.

[@Юрій-ч1о]

Дима, в больших проектах тоже все вкладываешь в page? Это у тебя как правило? Или исключение?. Спасибо

[@BrainsCloud]

зависит от проекта, но обычно да

[@svgcode9348]

Мощь! Только как это всё будет в Мазиле работать?

[@BrainsCloud]

должно работать так же

[@Sobanim]

а в Сафари?

[@Alex-wi1qn]

А где твой мак бук?

[@i-love-bitrix24]

В случае грида нужно было убрать .footer{margin-top: auto;}

[@dimitridoroshko]

А почему вы используете Brackets, когда есть Visual Studio Code с поддержкой over 100500 extensions. Просто привыкли к этому редактору или неприязнь к Майкрософту?)

[@dimitridoroshko]

@@stasalsakhanov435 так WebStorm платный, я сейчас как раз на нем и работаю по студенческой подписке.

[@shigabetdinov1]

Дима под простые проекты использует Брекетс, а под сложные - VS Code.

[@BrainsCloud]

Верстаю обычно в брекетсе - мне для верстки хватает. VS code тоже есть и юзаю, когда идет работа с CMS и тд.

[@stoicizmkort]

сделай видос как анимированный фон сделать на весь сайт

[@СлаваГришин-б2б]

У меня почему что текст в футер уходит я не могу даже его увидить

[@Alex-yh7pr]

А можно flex: 1 0 100%;?

[@timurfunplay]

Не получается !

[@nazarpunks]

height:100vh на мобильниках криво работает.

[@alijonalimov6093]

Это конечно круто, но для чего?))))) Снимайте более качественный контент))))))))) А то видео по типу "Как создать файл index.php" не очень)))))))) Как создать файл index.php - kzbin.info/www/bejne/bqfEkHenn9uaZrs

[@serhii9004]

а так что можно было?

[@mishachubenko3394]

!!! Спасибо тебе , за твои 100vh вместо моих 100 % для свойства min-height: !!! А что такое за величина VH ???

[@ВикторияИльина-н7о]

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

[@romanro8630]

Спасибо!

[@datoshcode]

Спасибо!

[@joxemnight]

СПАСИБО!

[@bulatozavrjuniorvoice4679]

СПАСИБО!