Верстаем новостной сайт с помощью Flexbox

[@Coldrain]

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

[@Shannon]

Картинки через

position: absolute;

это чето немного не то

В каментах уже предложили исправленную версию:
http://codepen.io/anon/pen/LZVbNm

[@alek0585]

Тоже самое под мак осью на файрфоксе.

[@Alexufo]

а чем заменили?)

[@seokirill]

на хабре про основы верстки оО?!

[@limonte]

Да. Это хорошие основы.

Я вытащил эту статью из песочницы и, судя по количеству звезд (★70 за два часа), не напрасно.

[@vshemarov]

http://caniuse.com/#feat=flexbox

[@fraky]

вот поэтому приходится еще помнить про float, table, etc ((

[@Kenya]

я не думаю, что полноценная поддержка IE должна сковывать разработчиков в использовании гибких инструментов. Да, надо было продумать решение для IE, но это не повод в целом критиковать Flexbox

[@Kenya]

Забавно, Хабр одобрил мой коммент к публикации спустя 5 лет :D

[@ingumsky]

Скажите, пожалуйста, я правильно понимаю, что и раскладку а-ля masonry (блоки различной высоты и ширины) тоже достаточно просто можно реализовать с помощью flexbox?

[@mtt]

Объясните мне, как вы вот это читаете?

https://hsto.org/getpro/habr/post_images/837/80e/2aa/83780e2aa8bf1899c504aa9eae53a695.png

Слева направо? Сверху вниз? Где новость более свежая? В какую сторону идет хронологическая сортировка?

[@damat]

а это не надо читать… это просто чтобы рандомный контент круче выглядел
PS тихо ненавижу эти новомодные «журнальные» лейауты