header content here babey! it can be anything you want - image, words, marquee, you can edit the height or just omit it altogether! flexible!

this is the left sidebar!

if you take out either of the sidebars this code is a bit rubbish so you'll have to resize the remaining sidebar and main body, to do that go to the css and adjust the flex property (currently "0 0 180px" for the sidebars) so that the ones that aren't 0 add up to 780. (e.g. currently two sidebars of 180 + the middle bit of 420 = 180 + 180 + 420 = 780)

this is the middle!
first time using flexbox baybeeee this is basically like a modern version of an old-style theme im pretty pleased with it :)

if you put any text in the header or footer please make sure to use class="safe" if you don't want a space between the it and the top of the page (for header) or the body of content (for the footer) (if you do want that space then ignore this)

i understand that this is a really, really standard layout but i wanted to learn how to use flexbox and this seemed like a good option! i now understand it more than i did which is something lol. colours nabbed from a website i found for a local inn that hadn't been updated since about 2009.

the code:

and this is the right sidebar!

if you want this to not be centre-aligned then go to the css and take out the "margin:0 auto" from the .container bit!