I redesigned the McDonald's Website, Its a beauty!

console.log("Watch how I redesigned 
the McDonalds Website under an hour.") 

CSS CRASH COURSE 🎬: https://youtu.be/ZOs9IJ8TdnE
Your feedback is greatly appreciated!

Background
The Flexbox Layout (Flexible Box) module attempts to provide a more effective approach to lay out, align, and allocate space among elements in a container, even when their size is uncertain and/or dynamic (thus the word "flex").
The fundamental goal of the flexible arrangement is to enable the container to change the width, height, and order of its components to best fit the available space (mostly to accommodate to all kind of display devices and screen sizes). A flex container can expand contents to fill empty space or contract contents to stop overflow.

While the Grid pattern is meant for bigger scale layouts, Flexbox layout is best suited for application components and smaller layouts.

Read more: https://css-tricks.com/snippets/css/a-guide-to-flexbox/