added clearfix

3 files changed, 20 insertions, 1 deletions

diff --git a/about.md b/about.md
index c2fe6bac2..15537a03e 100644
--- a/about.md
+++ b/about.md
@@ -13,7 +13,7 @@ title: About
         <img src="{{ site.baseurl }}assets/img/stamp.svg" class="stamp-graphic" />
     </div>
 </div>
-<div class="container">
+<div class="container clearfix">
     <h2>What next?</h2>
     <h3>Take a look at <a href="{{ site.baseurl }}docs/">our documentation</a></h3>
     <div class="grid-row content-in-columns">
diff --git a/assets/css/alaveteli-org.css b/assets/css/alaveteli-org.css
index ba0e5ea2b..8cbae7021 100644
--- a/assets/css/alaveteli-org.css
+++ b/assets/css/alaveteli-org.css
@@ -688,3 +688,18 @@ h3 {
 
 .blog-title {
   line-height: 1.3em; }
+
+.clearfix {
+  /**
+   * For IE 6/7 only
+   * Include this rule to trigger hasLayout and contain floats.
+   */ }
+  .clearfix:before, .clearfix:after {
+    content: " ";
+    /* 1 */
+    display: table;
+    /* 2 */ }
+  .clearfix:after {
+    clear: both; }
+  .clearfix {
+    *zoom: 1; }
diff --git a/assets/sass/alaveteli-org.scss b/assets/sass/alaveteli-org.scss
index 76cdde467..ae591a2b7 100644
--- a/assets/sass/alaveteli-org.scss
+++ b/assets/sass/alaveteli-org.scss
@@ -864,3 +864,7 @@ h3 {
 .blog-title {
     line-height: 1.3em;
 }
+
+.clearfix {
+    @include clearfix;
+}