Whats wrong with Firefox (and IE)? Is it flexbox or image css rules or… ?

[mpegyna]

I’m designing this site http://sgsone.cz/. It works perfectly in Chrome, Opera, Mobile browsers, but in Firefox and IE the images are full size and the flexbox isn’t working. I started this CSS3 design and no-pixel RWD design recently, but didn’t test it in FF in process and figured right now, that there’s something wrong. I thought it’s problem with prefixing, used auto prefix, but with no luck. It’s quite simple page so an experienced designer could spot it instantly. Thank you.

[timbarden]

Not quite sure why but width: 100%; on the images fixed it for me.

[gcyrillus]

what’s wrong with firefox is :flex :1 45% where it might expect 1 or 3 values or each declared as such: flex-grow, flex-basis & flex-shrink. Even then it can be still buggy. here you may use width: 45% /* or 33% */ . basicly, make it as simple as possible and still set widths ;)

http://codepen.io/gc-nomade/pen/mVQgjM

[mpegyna]

Thanks timbarden!

[Author]

Posts