Make position of featured-posts heading absolute at the bottom

Fixes #17
mlachowicz · Mar 27, 2018 · 2a46acb · 2a46acb
1 parent 2c50a4e
commit 2a46acb
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/assets/css/_sass/_home.scss b/assets/css/_sass/_home.scss
@@ -1,10 +1,16 @@
 .featured-posts {
   height: 400px;
   margin: 5px 10px 10px;
-  padding: 10px;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
+  position: relative;
+}
+.featured-posts h2 {
+  bottom: 0;
+  margin: 0;
+  padding: 10px;
+  position: absolute;
 }
 .featured-posts h2 span {
    display: inline-block;
@@ -14,7 +20,6 @@
    background: rgb(0, 0, 0); /* fallback color */
    background: rgba(0, 0, 0, 0.7);
    padding: 10px;
-   margin-top: 320px;
 }
 .featured-posts span a {
   color: white;