Let’s go back 15 years and explore what developers wanted to accomplish in the browser that was nearly impossible. We had to use a lot of frameworks and libraries to deal with browser differences, little standards, and basically no important features. Just a simple concept like the box model was implemented in one way for IE while Firefox had the standard one. Today, it is different and we take a lot of features for granted. Features in modern web browsers were not even in the imagination of developers that needed to do hacks and tricks for the page to look OK on different browsers.
Old CSS Frameworks
CSS Grid Layouts and Flexbox
Now we have CSS Grid Layout and Flexbox that allow us to do anything with want in terms of grid and alignment of the elements without having to use any external code. Trivial things today like centering an element on the page took a lot of work to do in the past. We are still scratching the surface of the power of CSS Grid Layouts and it is better than 10 years combined of knowledge in CSS prior to CSS Grid Layouts. By just adding a couple of lines of code to the page, it is possible to create a layout that can be reorganized as we wish without having to touch the HTML at all. You don’t need to change the HTML to change the order of the items displayed which is better for responsive web design considering that you will keep the important information visible even if it is not at the top of the page on desktop computers.