basic outline and elements
added flexbox