Agregué clasificación y títulos de películas

Author: danybeth90

assets/css/styles.css

@@ -10,4 +10,7 @@
 }
 .pie{
     height: 5%;
+}
+.clasificacion{
+    color: white;
 }

details.html

@@ -20,12 +20,13 @@ <h1>Detalle de Peliculas</h1>
 
   </header>
   <main class="">
+    <h2 class="clasificacion">Romance</h2>
     <section class="movie container row border-2 m-1">
 
       <div class="col detalle border-1 m-1 ">
         <div class="card text-center">
           <div class="card-header">
-            <h3>Jungle Cruise</h3>
+            <h3>La La Land</h3>
           </div>
           <div class="card-body">
             <div class="container row">
@@ -56,7 +57,7 @@ <h4>RESEÑA</h4>
       <div class="col detalle border-1 m-1">
         <div class="card text-center">
           <div class="card-header">
-            <h3>Jungle Cruise</h3>
+            <h3>Remember Me</h3>
           </div>
           <div class="card-body">
             <div class="container row">
@@ -72,7 +73,7 @@ <h3>Jungle Cruise</h3>
                  una precaria relación con su padre Charles Hawkins (Pierce Brosnan) desde que una terrible
                 tragedia separase a su familia en el pasado. Tyler no creía que alguien pudiese comprender por
                  lo que él estaba pasando, hasta el momento en que conoció a Ally Craig (Emilie de Ravin) a través 
-                 de un insólito giro del destino.<br><br><br></p>
+                 de un insólito giro del destino.<br><br></p>
 
             </div>
 
@@ -88,7 +89,7 @@ <h4>RESEÑA</h4>
       <div class="col detalle border-1 m-1">
         <div class="card text-center">
           <div class="card-header">
-            <h3>Jungle Cruise</h3>
+            <h3>Love on Safari</h3>
           </div>
           <div class="card-body">
             <div class="container row">
@@ -114,11 +115,12 @@ <h4>RESEÑA</h4>
 
 
       </div>
+      <h2 class="clasificacion">Familiares</h2>
       <!-- *************************** -->
       <div class="col detalle border-1 m-1">
         <div class="card text-center">
           <div class="card-header">
-            <h3>Jungle Cruise</h3>
+            <h3>Son Como Niños 2</h3>
           </div>
           <div class="card-body">
             <div class="container row">
@@ -149,7 +151,7 @@ <h4>RESEÑA</h4>
       <div class="col detalle border-1 m-1">
         <div class="card text-center">
           <div class="card-header">
-            <h3>Jungle Cruise</h3>
+            <h3>Pixels</h3>
           </div>
           <div class="card-body">
             <div class="container row">
@@ -179,7 +181,7 @@ <h4>RESEÑA</h4>
       <div class="col detalle border-1 m-1">
         <div class="card text-center">
           <div class="card-header">
-            <h3>Jungle Cruise</h3>
+            <h3>Scary Movie</h3>
           </div>
           <div class="card-body">
             <div class="container row">
@@ -207,11 +209,12 @@ <h4>RESEÑA</h4>
 
 
       </div>
+      <h2 class="clasificacion">Terror</h2>
       <!-- *************************** -->
       <div class="col detalle border-1 m-1">
         <div class="card text-center">
           <div class="card-header">
-            <h3>Jungle Cruise</h3>
+            <h3>La Monja</h3>
           </div>
           <div class="card-body">
             <div class="container row">
@@ -242,7 +245,7 @@ <h4>RESEÑA</h4>
       <div class="col detalle border-1 m-1">
         <div class="card text-center">
           <div class="card-header">
-            <h3>Jungle Cruise</h3>
+            <h3>It</h3>
           </div>
           <div class="card-body">
             <div class="container row">
@@ -273,7 +276,7 @@ <h4>RESEÑA</h4>
       <div class="col detalle border-1 m-1">
         <div class="card text-center">
           <div class="card-header">
-            <h3>Jungle Cruise</h3>
+            <h3>Resident Evil: Venganza</h3>
           </div>
           <div class="card-body">
             <div class="container row">