The fact that flexbox was introduced is a terrific step forward, I just feel a bit overwhelmed by the amount of choice that I am now dealing with. I do not have a strong HTML/CSS background, but I also never found the grid-based approach to layout very intuitive, and to be honest, I don’t see so much of a benefit in using grids, in general. Most of the websites that I create are not so complex, and even if they were, with flexbox I can make sure that all items have the same width/height, even without a grid. From my perspective, I’d be more than happy to stop using the grid system altogether, and create layouts exclusively using flexbox. Some articles I found online support such a choice, but I’ve also heard from other sources (incl. members of the webflow team) that it might not always be the case, and there may still be situations where it’s recommended to use the default grid system. So my questions would be:
Can you guys point us to some generic, in-depth recommendations on when and why it’s appropriate to use one or the other? As a side note, but related: I've been using custom divs instead of containers from day one, in order to be able to deal with large screen resolutions, and that is one more reason why I don’t feel compelled to stick to the grid/columns method.
Besides layout and rendering issues, is there any implication in terms of SEO?
When using flexbox for layout, can we ditch containers and columns altogether? Can we get the same results by using divs exclusively, and play with the flexbox properties?
It may be a good idea to have a short tutorial on how to re-create the navbar component when using flexbox for page layout, since the default navbar was introduced with the grid system in mind. There’s a related thread on this (https://forum.webflow.com/t/should-i-avoid-using-flexbox-in-the-navbar/31146), but not many details on the actual settings and how to set-up the animation to display menu options when the hamburger menu is clicked on.
Below is a link to my website, I am still working on making everything work properly at different resolutions, but the homepage is pretty much set up. I guess it may be a good example of how a flexbox-based approach could work, even though a similar layout could probably be achieved without flexbox, in some way or the other.