fix: center play fair figure mobile (#56)

resonatecoop · Aug 15, 2022 · 29573c7 · 29573c7
1 parent 14187d0
commit 29573c7
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/src/assets/css/_styles.css b/src/assets/css/_styles.css
@@ -82,4 +82,17 @@ table tr > * {
   .feature img {
     max-width: 25vw;
   }
-}
+}
+
+.max-width-100-percent {
+  max-width: 100%;
+}
+
+.max-height-100-percent {
+  max-height: 100%;
+}
+
+.horizontal-margin-auto {
+  margin-left: auto;
+  margin-right: auto;
+}
diff --git a/src/layouts/index.html b/src/layouts/index.html
@@ -43,7 +43,7 @@
 <section id="description" class="center mw8 ph3 pv4">
   <div class="flex flex-column flex-row-l items-start">
     <div class="w-100 w-100-m w-40-l flex-m justify-center-m" >
-      <figure>
+      <figure class="max-width-100-percent max-height-100-percent horizontal-margin-auto">
         {{ readFile "/assets/images/illustrations/PlayFair.svg" | safeHTML }}  
       </figure>
     </div>