Верстаем новостной сайт с помощью 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 тихо ненавижу эти новомодные «журнальные» лейауты