Flexbox CSS3 #6 — Flexbox на практике

Это последнее видео, радуйтесь – больше я вас терроризировать лайками не буду :) Сегодня попробуем немножко применять flexbox на практике, на примере создания простого сайта. В описании к видео я также скинул вам ссылку на текстовый файл с актуальными префиксами для свойств flex.

Автор видеокурса – Сергей Михалевич

Плейлист Flexbox CSS:

Больше уроков от lofblog: #loftblog
Все уроки по хештегу: #loftblogFlexbox
Полезные уроки для веб-программиста: #вебпрограммист
#Flexbox

Поставь лайк - смотивируй автора писать еще :)

[Детишки-зн]

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

[gpt-]

СЕРЕГА, КРАСИВО ДЕЛАЕШЬ!! БЛАГОДАРЯ ТЕБЕ Я СТАНОВЛЮСЬ ЛУЧШЕ!

[admin]

Чтобы контент блока не вылазил за его рамки (вы говорили у вас был такой глюк....) вместо display: flex; можно писать display: inline-flex;
///
flex — при рассчете ширины блоков приоритет у раскладки (при недостаточной ширине блоков контент может вылезать за границы);
inline-flex — приоритет у содержимого (контент растопыривает блоки до необходимой ширины, чтобы строчки, по возможности, поместились).

[vitalyorlov]

Спасибо за уроки! Просто космос открыл...

[NailAzizov]

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

[nikolozichikhladze]

Отличный курс! Действительно заслуживает лайков

[renyli]

СПАСИБИЩЕ! САМОЕ ЛУЧШЕЕ ОБЪЯСНЕНИЕ! Хотелось бы страничку в CSS сделать с Flexbox...

[kramidev]

Крутой автор. Глянул тока этот. Хорошо рассказываешь, Лайк же

[MrPhysics]

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

[ВячеславБыстров-эх]

Спасибо огромное за курс!!! Все очень понятно объяснил)

[AleksandraKudryavova]

котики очень отвлекают, они такие милашечки ^^)))

[РенатНазаров-рь]

Спасибо! Применял уже флекс в нескольких проектах, в основном в мелочах, типа меню или модальных окнах. Правда до сих пор путаюсь с гроу и шринк :)
В этих самых мелочах нет проблем с ИЕ9, достаточно прописывать display:table и т.д.
А вот разбить блоки меню, хидер, мэйн и футер так, чтобы футер всегда прилипал к низу и работало всё в том числе и девятке оказалось задачей не из простых

[andrii_kyslov]

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

[ASASGASGAasfass]

Спасибо большое, очень хорошие уроки!)

[skylinar]

Еще раз спасибо за курс! Выложу в блоге своем))

[ChibanoTaro]

Tolko s 5 uroka 4to-to na4al ponimat, spasibo ;)

[rolanakhmad]

то чувство когда все эти @media можешь послать куда подальше и просто кайфовать от верстки) спасибо за уроки

[ievgengolskov]

большое спасибо за уроки. в голове немного прояснилось, особенно касательно flex-basis. правда теперь начинает болеть голова от дилеммы где использовать flexbox, а где по-старинке float  и т. д. интересно как другие решают для себя эту задачу

[ВладимирК-ьг]

Сергей, спасибо. Отличный курс. Подскажите как поместить кнопку "Читать..." внизу блока независимо от количества текста?

[montray]

Спасибо за уроки. У тебя есть еще уроки на канале?