From 52a8bc2298f32ffe2975b7d1eaa76932e6527326 Mon Sep 17 00:00:00 2001
From: oldoc63 <leopoldo.olmos@gmail.com>
Date: Fri, 18 Mar 2022 08:39:39 -0400
Subject: [PATCH] grid-auto-rows specifies the height of implicitly added grid
 rows #706

---
 gridAdvanced/index.html | 16 ++++++++++++++++
 gridAdvanced/style.css  |  2 +-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/gridAdvanced/index.html b/gridAdvanced/index.html
index f512577..3c5a7c2 100644
--- a/gridAdvanced/index.html
+++ b/gridAdvanced/index.html
@@ -68,6 +68,22 @@ <h2>BERRY PARFAIT</h2>
           <p class="description">
             This low-calorie, vitamin-packed parfait is great for breakfast, dessert, or post-workout!</p>
         </div>
+        <div class="recipe e">
+          <img src="https://content.codecademy.com/courses/learn-css-grid/lesson-ii/image-3.png" />
+          <h2>SWEET CHURROS</h2>
+          <img src="https://content.codecademy.com/courses/learn-css-grid/lesson-ii/time.svg" class="time" />
+          <p class="mins">90 mins</p>
+          <p class="description">
+            Making this classic summer treat at home will remind you of a childhood spent in the park.</p>
+        </div>
+        <div class="recipe f">
+          <img src="https://content.codecademy.com/courses/learn-css-grid/lesson-ii/image-6.png" />
+          <h2>BERRY PARFAIT</h2>
+          <img src="https://content.codecademy.com/courses/learn-css-grid/lesson-ii/time.svg" class="time" />
+          <p class="mins">10 mins</p>
+          <p class="description">
+            This low-calorie, vitamin-packed parfait is great for breakfast, dessert, or post-workout!</p>
+        </div>
       </main>
 
       <footer>
diff --git a/gridAdvanced/style.css b/gridAdvanced/style.css
index 372b5e7..2e973e7 100644
--- a/gridAdvanced/style.css
+++ b/gridAdvanced/style.css
@@ -13,8 +13,8 @@ main {
   justify-items: center;
   justify-content: center;
   align-items: stretch;
-  height: 1600px;
   align-content: center;
+  grid-auto-rows: 500px;
 }
 
 h2 {