2 ms·
I'm with you, flexbox is definitely a step in the right direction. It's not so much the naming as it is just wrapping your head around these things. The flexbo
by alexashka 11y ago
I'm with you, flexbox is definitely a step in the right direction.
It's not so much the naming as it is just wrapping your head around these things. The flexbox spec for instance uses margin-left: auto; on one of the children elements of a flexbox to align the element to the right!!! edge.
What in the world...
Here's the link: http://www.w3.org/TR/css3-flexbox/#auto-margins http://www.w3.org/TR/css3-flexbox/#auto-margins
That can't be right, and yet it's in the spec.
What happens when you want the elements on the left to be centered but have one element on the very right? Oh that's right, that whole example no longer works.
It's these hacky solutions that ultimately drive me crazy. Look at sticky-footer: https://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/ https://philipwalton.github.io/solved-by-flexbox/demos/stick...
The footer is not at the bottom of the page if you copy-paste his code. What in the world...
You have to run around until you come upon needing: html, body { width: 100%;
height: 100%;
margin: 0; }
for the footer to actually be on the bottom of the page like a footer should be. What on earth is the value of width and height by default if not 100% btw? Lol...
I don't even remember how I came upon that but it's not in solved by flexbox and not on the mozilla site. Which makes me think wow, have these guys even written a layout with a proper footer and a content area that doesn't have a hard-coded height?
That's what mozilla has, a hard-coded height in their fkn example of using flexbox. So when you try to change it to be stretchy, nothing works because you need the line above. Joke...
Anyhoo it's Friday, I need a drink :) Sorry for the attitude.