fix: titles and card height

Author: solygambas

102-container queries/index.html

@@ -12,7 +12,7 @@
     <div class="wrapper">
       <main>
         <section class="primary-content" style="--theme: dark">
-          <h1>Media queries and container queries</h1>
+          <h1>Desert Oasis: Exploring Nature's Tranquility</h1>
           <p>
             Lorem ipsum dolor sit amet consectetur adipisicing elit.
             Exercitationem neque tenetur numquam officiis officia, eos eligendi
@@ -26,7 +26,7 @@ <h1>Media queries and container queries</h1>
             vel odio doloremque?
           </p>
           <article class="card">
-            <h2>Card in .primary-content</h2>
+            <h2>Tranquil Desert Haven</h2>
             <img
               src="https://images.unsplash.com/photo-1702927706292-c57d75cf2143?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE3MDU1MDMyMzR8&ixlib=rb-4.0.3&q=80&w=400"
               alt=""
@@ -40,7 +40,7 @@ <h2>Card in .primary-content</h2>
 
         <section class="cards">
           <article class="card">
-            <h2>Card 1</h2>
+            <h2>Serenity Oasis Retreat</h2>
             <img
               src="https://images.unsplash.com/photo-1704137477371-bed38523c2eb?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE3MDU1MDIxOTR8&ixlib=rb-4.0.3&q=80&w=400"
               alt=""
@@ -51,7 +51,7 @@ <h2>Card 1</h2>
             </p>
           </article>
           <article class="card">
-            <h2>Card 2</h2>
+            <h2>Mirage Haven Cottage</h2>
             <img
               src="https://images.unsplash.com/photo-1703783010857-9bd7a7b97c50?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE3MDU1MDIxOTR8&ixlib=rb-4.0.3&q=80&w=400"
               alt=""
@@ -62,7 +62,7 @@ <h2>Card 2</h2>
             </p>
           </article>
           <article class="card">
-            <h2>Card 3</h2>
+            <h2>Sand Dune Hideaway</h2>
             <img
               src="https://images.unsplash.com/photo-1704137477371-bed38523c2eb?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE3MDU1MDIxOTR8&ixlib=rb-4.0.3&q=80&w=400"
               alt=""

102-container queries/style.css

@@ -106,7 +106,7 @@ main {
   .cards {
     display: grid;
     gap: 1.5rem;
-    height: 100vh;
+    min-height: 100vh;
     align-content: start;
   }