From a68bdf93e1c1fca3bcc9ee532d7cc833cc1d3407 Mon Sep 17 00:00:00 2001
From: Vincent Ramiere <vincent.ramiere1@gmail.com>
Date: Tue, 19 Oct 2021 17:36:58 +0200
Subject: [PATCH] update films.js

---
 scripts/films.js | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/scripts/films.js b/scripts/films.js
index e640f44..9815d26 100644
--- a/scripts/films.js
+++ b/scripts/films.js
@@ -36,10 +36,21 @@ async function getMovies() {
     //       movies += `<p>${film.title}</p>`;
     //   }
       document.getElementById('container').innerHTML += `
-          <p>
+          <section class="card">
+          
           <h2>${TITRE}</h2>
-          <p>Episode ID : ${EPISODE}</p>
-          <p>Opening Crawl : ${OPENING}</p>
+
+          <div class="data">
+          <h3> Episode ID : </h3>
+          <p>${EPISODE}</p>
+          </div>
+
+          <div class="data">
+          <h3> Opening Crawl : </h3>
+          <p>${OPENING}</p>
+          </div>
+
+          
           <p>Director : ${DIRECTOR}</p>
           <p>Producer(s) : ${PRODUCER}</p>
           <p>Release Date : ${DATE}</p>
@@ -50,7 +61,7 @@ async function getMovies() {
           <div id="detailsSpecies${i}"></div>
         
 
-          </p>
+          </section>
           <hr>
           `;
       }