style: move to grid layout from flex

This allows to reposition items without hiding/showing classes

views/parts/page.dt

@@ -43,23 +43,25 @@ html(prefix="og: http://ogp.me/ns#")
 			li
 				a(href="#{link}") #{trWeb(text)}
 
-		section.header-navigation
-			header
-				img.logo(src="/static/img/logo.png", alt="The logo of the website: the letter C drawn in an unprofessional manner with wobbly eyes on put on top")
-				p #{trWeb("template.page.name")}
-			nav
-				ul
-					- menuItem("template.menu.home", "/");
-					- menuItem("template.menu.posts", "/posts/");
-					- menuItem("template.menu.projects", "/projects/");
-					- menuItem("template.menu.contact", "/contact");
+		header
+			img.logo(src="/static/img/logo.png", alt="The logo of the website: the letter C drawn in an unprofessional manner with wobbly eyes on put on top")
+			p #{trWeb("template.page.name")}
+
+		section.main-sidebar
 			block sidebar
-			footer.hide-small
-				block footer
-				include parts/footer
+
+		nav
+			ul
+				- menuItem("template.menu.home", "/");
+				- menuItem("template.menu.posts", "/posts/");
+				- menuItem("template.menu.projects", "/projects/");
+				- menuItem("template.menu.contact", "/contact");
+
 		main
 			block content
-		
-		footer.hide-big
+
+		footer
 			block footer
 			include parts/footer
+
+