Starting a poll to understand which one is more popular among developers these days. Which method did you use for creating columns and rows for your projects in the last 6 months and why? Please share your reasons for using them. 🎨
I have yet to try CSS Grid. But none of the other methods is as simple and cross-browser compatible as the much despised (I still have yet to understand why), but absolutely workable table with good old TR and TDs. I've come across situations where I'd spend literally hours trying to fight CSS to get things just right, then just give up out of sheer frustration and within minutes replace it with completely a operational table. Guess what? The user doesn't know. The user doesn't care.
Of course, I use tables for layout extremely rarely these days. Only when I can get CSS to do what I want to under all circumstances and in all browsers.
I may try CSS Grid in the future. It looks promising, but then again, so did other methods. Here's hoping, I guess.
[x] All of them
Each of them are tools, which solve specific problems. I have used Flexbox, Grid and float in the past six months for layouting, each for something else, all of them in the same app.
I really like how Grid allows me to easily meet designer's requirements for col-based layouts. Flexbox makes working with tiles in dynamic viewport sizes very easy. And float helps with fitting things into fluid content, like text.
When I started learning CSS 3 , going from #divs and learning about flexbox and grid totally threw me, alot of it is also shorthand CSS
I'm now at the point of being able to use grid quite advanced and now slowly going over to using percentages.. (prefer px)
Think once I've got that down then I'll start using flex box as I've heard it's quite flexible :)
I use actually both in combination with CSS grid usually handling the outer boxes layout and flexbox for the inner boxes. Looking a the percentages on the caniuse.com site they both have a great overall support depending on the browser you are targeting.
You can check my recent article here if you want to learn more about CSS Grid - CSS Grid Layout - A "Quick" Overview
I'm using flexbox. Traditional way is complicated, grid isn't supported well yet.
Because I have to support IE11 right now (internal site) and "Partial support in IE refers to supporting an older version of the specification." And I don't want to deal with the older version.
Milos Protic
I'm a passionate tech guy. I like coding, healthy life and fitness
I usually use CSS Flexbox, but for no particular reason. It seems more natural to me and it has a little better overall browser support.