When it comes to website layouts, there are a number of ways to do it - margins & paddings, tables, floats, flexbox and the newly introduced CSS Grid. Flexbox has been promising when it came to responsive design, but with CSS Grid being shipped in major browsers today, it appears to be the most powerful layout system available in CSS. Let’s try to understand this new method for web layout and how is it different from Flexbox through practical examples.
I am trying to compare Flexbox vs CSS Grid using the following websites:
The above links are a great fun way to learn the basics of Flexbox and CSS Grid.
This repository is an attempt to compile code samples from each of the above two websites and present alternate ways of using flexbox - grid and vice-versa.
Here is an example.
