diff --git a/_layouts/page.html b/_layouts/page.html
index fe69d73..9e0c367 100644
--- a/_layouts/page.html
+++ b/_layouts/page.html
@@ -9,7 +9,9 @@
{% include header.html %}
-{{ content }}
+
+ {{ content }}
+
{% include footer.html %}
diff --git a/_layouts/post.html b/_layouts/post.html
index 8707d83..eb4614b 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -9,7 +9,9 @@
{% include header.html %}
-{{ content }}
+
+ {{ content }}
+
{% include footer.html %}
diff --git a/_scss/_general.scss b/_scss/_general.scss
new file mode 100644
index 0000000..6e92e7b
--- /dev/null
+++ b/_scss/_general.scss
@@ -0,0 +1,9 @@
+body {
+ display: flex;
+ min-height: 100vh;
+ flex-direction: column;
+}
+
+main {
+ flex: 1 0 auto;
+}
\ No newline at end of file
diff --git a/css/page.scss b/css/page.scss
index 372cfc8..de6b3d5 100644
--- a/css/page.scss
+++ b/css/page.scss
@@ -3,6 +3,7 @@
@import "variables";
@import "mixins";
@import "typography";
+@import "general";
@import "header";
@import "main-section";
@import "footer";
\ No newline at end of file
diff --git a/css/post.scss b/css/post.scss
index 372cfc8..de6b3d5 100644
--- a/css/post.scss
+++ b/css/post.scss
@@ -3,6 +3,7 @@
@import "variables";
@import "mixins";
@import "typography";
+@import "general";
@import "header";
@import "main-section";
@import "footer";
\ No newline at end of file
diff --git a/index.html b/index.html
index ff97b7c..a7befb5 100644
--- a/index.html
+++ b/index.html
@@ -1,3 +1,3 @@
---
layout: page
----
\ No newline at end of file
+---