You can't float anymore
MILANO FRONT END MEETUP - 15/12/2015
I'm Davide Di Pumpo and I'm a front-end developer.
I love graphic novel, competitive videogames and cats.
You can find me on the internet with the nickname
- -Twitter GitHub LinkedIn
How can I make this f*****g layout?
The holy grail layout
The Holy Grail refers to a web page layout which has multiple, equal height
columns that are defined with style sheets. It is commonly desired and
implemented, although the ways in which it can be implemented with current
technologies all have drawbacks. Because of this, finding an optimal
implementation has been likened to searching for the elusive Holy Grail.
Source - Wikipedia
Once upon a time...
Semantic? YUP *
Responsive? YUP *
Vertical align? YUP *
Order? NOPE *
Come on! What's the problem guy?
You must use element to simulate row
Styling the element is a pain.
Try to add a padding to a row
or a max-width to a cell
The order is still a view issue
Try it yourself