Flexbox came first. Then came Grid. Is Flexbox needed any more? Yes it is! Learn what each does best and when to choose one over the other.
Tiffany Brown introduces Flexbox, explaining the basic principles behind flex layout, with examples of laying out a basic media object, flexible form components, vertical centering, and creating grid-like layouts, as well as explaining when to use Flexbox over CSS Grid.
Diogo Souza walks through how to convert a traditional, float-based layout into one that harnesses the benefits of CSS Flexbox & Grid — while discussing graceful degradation and progressive enhancement along the way.
Ahmed Bouchefra introduces key Bootstrap CSS classes for building layouts with the Bootstrap grid system, along with a quick introduction to using Flexbox.
Giulio Mainardi shows you how to build a Trello layout using CSS's new Grid Layout Module features and Flexbox, along with some Sass for efficiency.
George Martsoukos shows how to build a simple Flexbox and jQuery plugin which sorts elements based on the values of their custom data attributes.
Maria Antonietta Perna introduces Cutestrap, a brand new Sass-based CSS framework to fast-track your front-end development projects.
Hugo Giraudel uses SitePoint's tiles as a case study for component encapsulation, theme management and flexbox.
George Martsoukos looks at Flexbox and how to use z-index and auto margins in your CSS layouts.