News for hackers. Stuff that matters.

A comment on Flexbox in 5 minutes. Parent comment

Re:Flexbox in 5 minutes by uxwtf on Wednesday September 09, 2015 @04:47AM (#10190409)
As a designer I love the equal positioning that flexbox offers. I tried to use it for some projects, but it needs some more work on browsers compatibility.

Here's how the site looks for me in Safari 8.0.8: http://imgur.com/aYwYTDx

Safari seems to refuse reading flex style: http://imgur.com/LEhtYBZ

[ Parent | on HN ]
Re:Flexbox in 5 minutes by nmjenkins on Wednesday September 09, 2015 @06:01AM (#10190582)
That's because flexbox is still prefixed in Safari 8 (see http://caniuse.com/#feat=flexbox). Just add -webkit- versions of all of the properties as well and it will probably work. e.g. "display: -webkit-flex".
[ Parent | on HN ]
Re:Flexbox in 5 minutes by thirdsun on Wednesday September 09, 2015 @06:31AM (#10190651)
Yes, pretty disappointing that a tutorial on flexbox fails to prefix its styling rules - which in this case is very much essential to make your point.

Since I use autoprefixer in all my projects and only need to cover moderately modern and relevant browsers, flexbox has been a regular companion for me - without any problems. So many layout headaches that can be avoided with this great addition to CSS.

[ Parent | on HN ]