Fix wrapping and add cloud to mobile nav

Signed-off-by: Alex Ellis (OpenFaaS Ltd) <[email protected]>

Author: alexellis

Diff for: _includes/cloud/cloud-hero.html

@@ -28,7 +28,7 @@ <h3 class="text-2xl font-extrabold text-gray-900 sm:text-3xl">
 
               <div class="mt-8">
                 <div class="flex items-center">
-                  <h4 class="flex-shrink-0 pr-4 bg-white text-sm tracking-wider font-semibold uppercase text-indigo-600">
+                  <h4 class="pr-4 bg-white text-sm tracking-wider font-semibold uppercase text-indigo-600">
                     For self-hosting, sharing work with your team, remote access, and support.
                   </h4>
                   <div class="flex-1 border-t-2 border-gray-200"></div>

Diff for: _includes/header.html

@@ -72,6 +72,12 @@
                                         </div>
                                     </a>
 
+                                    <a href="/cloud/" class="-m-3 p-3 flex items-center space-x-3 rounded-md hover:bg-gray-50 transition ease-in-out duration-150">
+                                        <div class="text-base leading-6 font-medium text-gray-900">
+                                            Cloud
+                                        </div>
+                                    </a>
+
                                     <a href="/#comparison" class="-m-3 p-3 flex items-center space-x-3 rounded-md hover:bg-gray-50 transition ease-in-out duration-150">
                                         <div class="text-base leading-6 font-medium text-gray-900">
                                             Comparison