Play around with banner layout

Author: RoyalIcing

apps/components_guide_web/lib/components_guide_web/templates/layout/_banner.html.eex

@@ -4,7 +4,7 @@
       <span>Components <br>·Guide</span>
     </a>
     <nav role="navigation" class="flex-grow sm:pl-8 lg:px-16 text-base md:text-lg text-center">
-      <ul class="h-full grid grid-cols-2 md:grid-cols-3 flex flex-col md:flex-row justify-around items-stretch tracking-wide">
+      <ul class="h-full grid grid-rows-2 md:grid-cols-3 flex flex-col md:flex-row justify-around items-stretch tracking-wide">
         <%= nav_items(@path_info) %>
 
         <% if false do %>

apps/components_guide_web/lib/components_guide_web/views/layout_view.ex

@@ -11,12 +11,12 @@ defmodule ComponentsGuideWeb.LayoutView do
     {"By Technology", to: "/links"},
     # {"Patterns", to: "/patterns"},
     {"News Feed", to: "/feed"},
-    {"About", to: "/about"}
+    # {"About", to: "/about"}
   ]
 
   defp search_form do
     ~E"""
-    <li>
+    <li class=row-span-3>
       <form role=search action="/research" class="flex h-full px-2 items-center">
         <input type=text name=q placeholder="Search" class="w-full py-1 px-4 bg-white text-black rounded-full">
       </form>