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):

working

what have in chrome:

broken

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

Popular posts from this blog

Payment information shows nothing in one page checkout page magento -

tcpdump - How to check if server received packet (acknowledged) -