So the CSS code I'm working on has a terrible vertical alignment problem on every browser except IE11. Using `display: flex` =_=

I'm not joking this alignment glitch is driving me nuts! Deadline tomorrow.

IE 11 does not vertically align items correctly when min-height is used - http://caniuse.com/#feat=flexbox see known issues. Maybe?

ok read that completely wrong sorry.

@penderis np. It's insane that every browser is failing me except IE11... That's unheard of.

@A1rPun maybe just as I read it and assumed IE is the problem you have code fixing it for IE but fucking in up for the rest? share sample would like to see if possible.

Check out this Pen I just wrote. Vertical alignment is so great in flexbox!

https://codepen.io/levimichaelwhale...

@penderis I can't share it for licensing.. But I can obfuscate the code and let the css/html intact. I will create a fiddle tomorrow :)
The issue is that I have 4 divs flex column and 2 of those divs need to occupy 50% of the remaining space.

This is also a great guide https://css-tricks.com/snippets/...

@leviwhalen hey thanks for that but the issue is more complex 😊 will share the code soon but this is my biggest rant ATM.

Flex?

@jiraTicket yeah it is css3 greatness :) you can easily create holy grail layouts with it. Screw tables

If it works on ie11 you are doing something wrong. Hope that helps.

For all who cared... I didn't fix it so we go in production with the old crappy layout :( better fix it in the next sprint 8|

@A1rPun oh well shit happens. If your able to make a fiddle would still like to see since it is bugging me just thinking about it. Goodluck next sprint though

I will after I published my npm package :) busy day

Can you just upload a drawing of what you’re trying to accomplish? I work with flexbox every day and I like solving these kinds of problems. 😊