Having started out with Bootstrap, I briefly experimented with my own simple grid layout, before recently falling in love with flexbox. I wont say why I love it - if you’ve used it you will already know the many reasons (perfect centring with margin: auto !).
However, I’ve also read in several places, without proper explanation, that flexbox is not well suited to larger scale design. Finally I came across this article Don’t use flexbox for overall page layout. The article’s main point is that because of the way flexbox loads page content it is more likely to ‘jump around’ (see the video). As someone with a poor internet connection this is one of my pet peeves, and I don’t want users of my websites with slower connections to have this problem.
On the other hand I love flexbox and was planning on using it for overall page design!
What do you think? What do you use? A combination of grid and flexbox? If so what grid do you use? What about Bootstrap 4, which incorporates some flexbox like behaviours?
Links to good guides on the best approach and how to implement would also be appreciated; right now I’m really not sure on which to focus. This question is important to me right now as I have just volunteered myself to rebuild someone’s old website to make it responsive, and I was planning on using flexbox without a grid.
(When I say grid I mean it in the abstract - I don’t mean the not production ready CSS Grid.)