fix flexbox error on mobile

index.html

@@ -73,9 +73,11 @@
             min-height: 100vh;
         }
 
-        .vcenter {
-            display: flex;
-            align-items: center;
+        @media (min-width: 544px) {
+            .vcenter {
+                display: flex;
+                align-items: center;
+            }
         }
     </style>
 </head>
@@ -193,7 +195,7 @@
 </div>
 <div style="background-color: #226FAB;" class="p-y-3">
     <div class="container white">
-        <div class="row p-b-3 m-b-3">
+        <div class="row p-b-3">
             <div class="col-xs-12">
                 <h1 class="display-5">Features</h1>
             </div>
@@ -212,7 +214,7 @@
             </div>
         </div>
         <div class="row vcenter p-y-3 m-y-3">
-            <div class="col-md-6">
+            <div class="col-md-6 p-b-2">
                 <img src="dist/masterPasswordPattern.png" class="img-fluid" alt="password pattern">
 
             </div>
@@ -248,12 +250,14 @@
                 <h1 class="display-6">Self Hosted</h1>
 
                 <p class="lead">
-                    You can host your own LessPass Database. It's super easy. Just run a single <a class="white-link" href="https://github.com/lesspass/lesspass#self-host-your-lesspass-database">command</a> on your server.
+                    You can host your own LessPass Database. It's super easy. Just run a single <a class="white-link"
+                                                                                                   href="https://github.com/lesspass/lesspass#self-host-your-lesspass-database">command</a>
+                    on your server.
                 </p>
             </div>
         </div>
         <div class="row vcenter p-y-3 m-y-3">
-            <div class="col-md-6">
+            <div class="col-md-6 p-b-2">
                 <img src="dist/webextension.png" class="img-fluid" alt="web extension">
             </div>
             <div class="col-md-6">
@@ -263,7 +267,8 @@
                     or the <a class="white-link"
                               href="https://chrome.google.com/webstore/detail/lesspass/lcmbpoclaodbgkbjafnkbbinogcbnjih">Chrome</a>
                     extension
-                    to use the same component everywhere. Use the <kbd><kbd>ctrl</kbd>+<kbd>shift</kbd>+<kbd>L</kbd></kbd>
+                    to use the same component everywhere. Use the
+                    <kbd><kbd>ctrl</kbd>+<kbd>shift</kbd>+<kbd>L</kbd></kbd>
                     shortcut to open the extension.
                 </p>
             </div>