CSS battle: Grid Vs Flexbox

With the introduction of the CSS Grid and it's similar capabilities as of Flexbox makes the people wondering if CSS grid will replace the Flexbox. So the answer to this question is 'No'. In some scenarios, CSS grid is better than Flexbox while in some scenarios Flexbox is better.
As CSS grid and Flexbox might have the similar properties but the used case of both the propeties are different. CSS grid and Flexbox has made it easier to create the complex layouts without the much need of the javascript in layouting.

In this session you will learn:

  • What is CSS grid and Flexbox
  • Difference between CSS grid and Flexbox
  • When you should use one over the another
  • How to use both of them together to create the complex layouts with the help of examples

Key takeaways

  • Understanding CSS Grid Vs CSS Flexbox
  • Combining Flexbox and Grid for efficient layouts