diff --git a/_includes/footer.html b/_includes/footer.html
index 64b2017df3..d48c1c4755 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/_posts/2019-03-18-small-text.md b/_posts/2019-03-18-small-text.md
new file mode 100644
index 0000000000..ff7f30d2e1
--- /dev/null
+++ b/_posts/2019-03-18-small-text.md
@@ -0,0 +1,4 @@
+---
+title: Small text
+---
+This is an example of a blog post with small amount of text.
\ No newline at end of file
diff --git a/_sass/layout.scss b/_sass/layout.scss
index 3843864718..3f02a2445a 100644
--- a/_sass/layout.scss
+++ b/_sass/layout.scss
@@ -1,5 +1,10 @@
/* -- General Layout -- */
+/* Required for footer to stick to the bottom */
+html, body {
+ height: 100%;
+}
+
/* Navigation */
#nav, #nav-left {
@@ -253,3 +258,19 @@ footer {
text-align: center;
padding: 0.6667em 0;
}
+
+#wrap {
+ min-height:100%;
+ position:relative;
+ padding-bottom: 105px;
+}
+
+.footer {
+ padding: 25px 0;
+ background-color: $main-color;
+ color: $background-color;
+ text-align: center;
+ position: absolute;
+ width: 100%;
+ bottom: 0;
+}