fix(css): markdown styles not overwritten in amp pages

tourepedia · Feb 24, 2020 · f623b44 · f623b44 · vercel · Feb 24, 2020
1 parent 96620d5
commit f623b44
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/src/_includes/components/grid.js b/src/_includes/components/grid.js
@@ -3,8 +3,10 @@ function container(content) {
   <style>
   .container {
     max-width: 970px;
-    padding: 0 20px;
-    margin: 0 auto;
+    padding-left: 20px;
+    padding-right: 20px;
+    margin-left: auto;
+    margin-right: auto;
   }
   </style>`
 }

diff --git a/src/privacy-policies.md b/src/privacy-policies.md
@@ -6,8 +6,9 @@ title: Privacy Policies
 
 <style>
   .main-content {
-    padding: 40px 0;
     line-height: 1.7;
+    padding-top: 40px;
+    padding-bottom: 40px;
   }
   .main-content p {
     color: #333;
@@ -190,3 +191,4 @@ contact us at <a href="mailto:{{ site.supportEmail }}">{{ site.supportEmail }}
 This document was last updated on 9th July, 2019
 
 </div>
+
diff --git a/src/terms-and-conditions.md b/src/terms-and-conditions.md
@@ -6,8 +6,9 @@ title: Terms and Conditions
 
 <style>
   .main-content {
-    padding: 40px 0;
     line-height: 1.7;
+    padding-top: 40px;
+    padding-bottom: 40px;
   }
   .main-content p {
     color: #333;
@@ -31,6 +32,7 @@ title: Terms and Conditions
   .main-content li + li {
     margin-top: 20px;
   }
+
 </style>
 <div class="container main-content">