grids.cljs

(defn 3-col-grid-container 

  "Takes a vector of child components
   and makes wraps them in a grid"

  [children]
  
  [:div {:style {:display "grid"
                 :grid-template-columns "1fr 1fr 1fr"
                 :grid-gap "40px 40px"
                 :top "0"
                 :bottom "0"
                 :height "100vh"
                 :margin"5% 5% 5% 5%"}}
   (for [child children]
     child)])