When planning out your regions, keep in mind how the content placed in each region will respond when the site is displayed at different sizes or on different devices.

For example, a page with two columns has content left and navigation, search bar, ads, and an author bio in the right column on large screen and you want to display the navigation and search above the main content, and the ads and author bio below the main content in mobile devices.

We need to create three distinct regions and order them appropriate