html - Flexbox Wrap: Chrome vs. Firefox -
yo! i'm working on getting (3-3) flexbox layout display consistently on both chrome , firefox.
this codepen demonstrates working version of want accomplish (3 columns , 2 rows) in both browsers: http://codepen.io/ntdb/pen/rabxzz. relevant css pen:
* box-sizing border-box .container display flex flex-wrap wrap .item display flex flex 1 0 33.333% flex-direction row flex-flow wrap justify-content center
this page includes markup , css project , displays (3-3) in firefox (36.0.4 on mac) improperly in chrome (2-3-1) (41.0.2272.104 (64-bit) on mac): http://www.ntdb.net/flexbox
i thought perhaps discrepancy had subpixel rendering have working version (the codepen) no longer believe case. can find offending markup on linked page?
what want (and firefox renders):
what have in chrome:
thanks!
it's caused .course-page .stat-display::before
, ::after
pseudo elements. remove these (as not needed in flexbox layout, i'm assuming using them purpose of float clearing?)
Comments
Post a Comment