Header, Main, and Footer stacked vertically on small screens. On screens with width at least 800px, the header becomes the sidebar.

Main Content goes here

HTML Code - Copy the whole thing inside the <body> element.

CSS Code - Copy the whole thing and modify the colors according to your preference.