Responsive Web Design: All You Need to Know About Flexbox & CSS Grid

Flexbox and CSS Grid have both provided web property developers with more convenient ways to do website design from scratch. The amount of control that they give to developers, particularly when customizing and styling complex web pages, is unprecedented and instrumental. More importantly, both these platforms are vital for ensuring that your website would always be able to adhere to responsive design guidelines. Often, comparisons are made between CSS Grid and Flexbox. While there are noticeable differences, what’s sure is that both are reliable and actually work extremely well if used together.
Advantages of Flexbox & CSS Grid
Avoids dependence on third-party libraries
CSS Grid and Flexbox were invented and developed to overcome a major hurdle prevalent in standard CSS layout system: the overreliance on third-party libraries. These libraries were often used to make up for the features that web developers have found to be lacking in the system. These third-party libraries were usually utilized to perform steps that are practically no longer needed to be done thanks to CSS Grid and Flexbox.
CSS Grid, after all, has its own grid layout system, which basically makes it easier
Source: https://managewp.org/articles/17972/responsive-web-design-all-you-need-to-know-about-flexbox-css-grid

source https://williechiu40.wordpress.com/2018/10/15/responsive-web-design-all-you-need-to-know-about-flexbox-css-grid/