Adjust homepage styling

Author: marcysutton

components/search-form.js

@@ -3,7 +3,7 @@ import React from "react"
 import ButtonSubmit from "components/button-submit"
 
 const SearchForm = () => (
-    <form className="form-wrap layout">
+    <form className="main-search form-wrap layout">
         <div className="form-field">
             <label htmlFor="place-search" className="label">Where to?</label>
             <div className="custom-input">

components/styles/page-home.scss

@@ -14,7 +14,7 @@
     box-shadow: 0 10px 30px #00000012;
     display: grid;
     gap: 1em;
-    grid-template-columns: 3fr 3fr 1fr;
+    grid-template-columns: 5fr 5fr 1fr;
     padding: 2em;
     margin: -60px auto 0;
 }

global-styles/styles.scss

@@ -158,7 +158,8 @@ button {
     font-weight: bold;
     margin: 2em 0 1em;
 }
-.item p {
+.item p,
+.item div {
     font-size: 1rem;
     line-height: 1.5;
 }