From cc03f330a7980fe6e04173a315fbf655e26bb4a0 Mon Sep 17 00:00:00 2001
From: maria-moroz <m0954008202@gmail.com>
Date: Thu, 5 May 2022 15:28:00 +0300
Subject: [PATCH] Update general-container.html

---
 src/partials/general-container.html | 100 ++++++++++++++++------------
 1 file changed, 57 insertions(+), 43 deletions(-)

diff --git a/src/partials/general-container.html b/src/partials/general-container.html
index bacf0a4..968aeb8 100644
--- a/src/partials/general-container.html
+++ b/src/partials/general-container.html
@@ -1,50 +1,65 @@
 <section class="container movies">
-    <div class="movie">
-        <img class="movie__cover" src="https://i.pinimg.com/originals/53/91/1a/53911a269df36dd3b2a2007b7f0ed03e.jpg"
-            alt="${movie.name}">
-        <h2 class="card-preview-info__name">name</h2>
-        <div class="card-preview-info">
-            <p class="card-preview-info__data">Genre | years</p>
-            <span class="card-preview-info__rating">rating</span>
-        </div>
+  <div class="movie" data-id="${id}">
+    <img
+      class="movie__cover"
+      src="https://i.pinimg.com/originals/53/91/1a/53911a269df36dd3b2a2007b7f0ed03e.jpg"
+      alt="${movie.name}"
+    />
+    <h2 class="card-preview-info__name">name</h2>
+    <div class="card-preview-info">
+      <p class="card-preview-info__data">Genre | years</p>
+      <span class="card-preview-info__rating">rating</span>
     </div>
-    <div class="movie">
-        <img class="movie__cover" src="https://i.pinimg.com/originals/53/91/1a/53911a269df36dd3b2a2007b7f0ed03e.jpg"
-            alt="${movie.name}">
-        <h2 class="card-preview-info__name">name</h2>
-        <div class="card-preview-info">
-            <p class="card-preview-info__data">Genre | years</p>
-            <span class="card-preview-info__rating">rating</span>
-        </div>
+  </div>
+  <div class="movie" data-id="${id}">
+    <img
+      class="movie__cover"
+      src="https://i.pinimg.com/originals/53/91/1a/53911a269df36dd3b2a2007b7f0ed03e.jpg"
+      alt="${movie.name}"
+    />
+    <h2 class="card-preview-info__name">name</h2>
+    <div class="card-preview-info">
+      <p class="card-preview-info__data">Genre | years</p>
+      <span class="card-preview-info__rating">rating</span>
     </div>
-    <div class="movie">
-        <img class="movie__cover" src="https://i.pinimg.com/originals/53/91/1a/53911a269df36dd3b2a2007b7f0ed03e.jpg"
-            alt="${movie.name}">
-        <h2 class="card-preview-info__name">name</h2>
-        <div class="card-preview-info">
-            <p class="card-preview-info__data">Genre | years</p>
-            <span class="card-preview-info__rating">rating</span>
-        </div>
+  </div>
+  <div class="movie" data-id="${id}">
+    <img
+      class="movie__cover"
+      src="https://i.pinimg.com/originals/53/91/1a/53911a269df36dd3b2a2007b7f0ed03e.jpg"
+      alt="${movie.name}"
+    />
+    <h2 class="card-preview-info__name">name</h2>
+    <div class="card-preview-info">
+      <p class="card-preview-info__data">Genre | years</p>
+      <span class="card-preview-info__rating">rating</span>
     </div>
-    <div class="movie">
-        <img class="movie__cover" src="https://i.pinimg.com/originals/53/91/1a/53911a269df36dd3b2a2007b7f0ed03e.jpg"
-            alt="${movie.name}">
-        <h2 class="card-preview-info__name">name</h2>
-        <div class="card-preview-info">
-            <p class="card-preview-info__data">Genre | years</p>
-            <span class="card-preview-info__rating">rating</span>
-        </div>
+  </div>
+  <div class="movie" data-id="${id}">
+    <img
+      class="movie__cover"
+      src="https://i.pinimg.com/originals/53/91/1a/53911a269df36dd3b2a2007b7f0ed03e.jpg"
+      alt="${movie.name}"
+    />
+    <h2 class="card-preview-info__name">name</h2>
+    <div class="card-preview-info">
+      <p class="card-preview-info__data">Genre | years</p>
+      <span class="card-preview-info__rating">rating</span>
     </div>
-    <div class="movie">
-        <img class="movie__cover" src="https://i.pinimg.com/originals/53/91/1a/53911a269df36dd3b2a2007b7f0ed03e.jpg"
-            alt="${movie.name}">
-        <h2 class="card-preview-info__name">name</h2>
-        <div class="card-preview-info">
-            <p class="card-preview-info__data">Genre | years</p>
-            <span class="card-preview-info__rating">rating</span>
-        </div>
+  </div>
+  <div class="movie" data-id="${id}">
+    <img
+      class="movie__cover"
+      src="https://i.pinimg.com/originals/53/91/1a/53911a269df36dd3b2a2007b7f0ed03e.jpg"
+      alt="${movie.name}"
+    />
+    <h2 class="card-preview-info__name">name</h2>
+    <div class="card-preview-info">
+      <p class="card-preview-info__data">Genre | years</p>
+      <span class="card-preview-info__rating">rating</span>
     </div>
-    <!-- <div class="movie">
+  </div>
+  <!-- <div class="movie">
         <img class="movie__cover" src="https://i.pinimg.com/originals/53/91/1a/53911a269df36dd3b2a2007b7f0ed03e.jpg"
             alt="${movie.name}">
         <h2 class="card-preview-info__name">name</h2>
@@ -53,5 +68,4 @@
             <span class="card-preview-info__rating">rating</span>
         </div>
     </div> -->
-
-</section>
\ No newline at end of file
+</section>
-- 
GitLab