From d04745629a5f0d0912d5b6b7c2440281cf85734d Mon Sep 17 00:00:00 2001
From: gzbender <gzbender74@gmail.com>
Date: Mon, 10 Sep 2018 20:37:41 +0500
Subject: [PATCH] =?UTF-8?q?LIL-601=20=D0=B3=D0=B0=D0=BB=D0=B5=D1=80=D0=B5?=
 =?UTF-8?q?=D1=8F=20=D0=BD=D0=B0=20=D0=B3=D0=BB=D0=B0=D0=B2=D0=BD=D0=BE?=
 =?UTF-8?q?=D0=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 project/templates/blocks/gallery.html | 118 ++++++++++----------------
 web/src/sass/_common.sass             |   2 +
 2 files changed, 49 insertions(+), 71 deletions(-)

diff --git a/project/templates/blocks/gallery.html b/project/templates/blocks/gallery.html
index ccba4448..9a8c634a 100644
--- a/project/templates/blocks/gallery.html
+++ b/project/templates/blocks/gallery.html
@@ -11,80 +11,56 @@
     </div>
     <div class="gallery">
       <div class="gallery__grid">
-        <div
-        class="gallery__item gallery__item_lg"
-        style="background-image: url({% get_media_prefix %}instagram/results/0.jpg);"
-        >
+        <a href="{% get_media_prefix %}instagram/results/0.jpg"
+        class="gallery__item gallery__item_lg">
           <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/0.jpg" onerror="this.style.display='none'">
-        </div>
-        <div
-        class="gallery__item"
-        style="background-image: url({% get_media_prefix %}instagram/results/1.jpg);"
-        >
-          {% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/1.jpg" onerror="this.style.display='none'"> {% endcomment %}
-        </div>
-        <div
-        class="gallery__item"
-        style="background-image: url({% get_media_prefix %}instagram/results/2.jpg);"
-        >
-          {% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/2.jpg" onerror="this.style.display='none'"> {% endcomment %}
-        </div>
-        <div
-        class="gallery__item"
-        style="background-image: url({% get_media_prefix %}instagram/results/3.jpg);"
-        >
-          {% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/3.jpg" onerror="this.style.display='none'"> {% endcomment %}
-        </div>
-        <div
-        class="gallery__item"
-        style="background-image: url({% get_media_prefix %}instagram/results/4.jpg);"
-        >
-          {% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/4.jpg" onerror="this.style.display='none'"> {% endcomment %}
-        </div>
-        <div
-        class="gallery__item"
-        style="background-image: url({% get_media_prefix %}instagram/results/5.jpg);"
-        >
-          {% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/5.jpg" onerror="this.style.display='none'"> {% endcomment %}
-        </div>
+        </a>
+        <a href="{% get_media_prefix %}instagram/results/1.jpg"
+        class="gallery__item">
+          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/1.jpg" onerror="this.style.display='none'">
+        </a>
+        <a href="{% get_media_prefix %}instagram/results/2.jpg"
+        class="gallery__item">
+          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/2.jpg" onerror="this.style.display='none'">
+        </a>
+        <a href="{% get_media_prefix %}instagram/results/3.jpg"
+        class="gallery__item">
+          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/3.jpg" onerror="this.style.display='none'">
+        </a>
+        <a href="{% get_media_prefix %}instagram/results/4.jpg"
+        class="gallery__item">
+          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/4.jpg" onerror="this.style.display='none'">
+        </a>
+        <a href="{% get_media_prefix %}instagram/results/5.jpg"
+        class="gallery__item">
+          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/5.jpg" onerror="this.style.display='none'">
+        </a>
       </div>
       <div class="gallery__grid">
-        <div
-        class="gallery__item"
-        style="background-image: url({% get_media_prefix %}instagram/results/6.jpg);"
-        >
-          {% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/6.jpg" onerror="this.style.display='none'"> {% endcomment %}
-        </div>
-        <div
-        class="gallery__item"
-        style="background-image: url({% get_media_prefix %}instagram/results/7.jpg);"
-        >
-          {% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/7.jpg" onerror="this.style.display='none'"> {% endcomment %}
-        </div>
-        <div
-        class="gallery__item"
-        style="background-image: url({% get_media_prefix %}instagram/results/8.jpg);"
-        >
-          {% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/8.jpg" onerror="this.style.display='none'"> {% endcomment %}
-        </div>
-        <div class="gallery__item gallery__item_lg"
-        style="background-image: url({% get_media_prefix %}instagram/results/9.jpg);"
-
-        >
-          {% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/9.jpg" onerror="this.style.display='none'"> {% endcomment %}
-        </div>
-        <div
-        class="gallery__item"
-        style="background-image: url({% get_media_prefix %}instagram/results/10.jpg);"
-        >
-          {% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/10.jpg" onerror="this.style.display='none'"> {% endcomment %}
-        </div>
-        <div
-        class="gallery__item"
-        style="background-image: url({% get_media_prefix %}instagram/results/11.jpg);"
-        >
-          {% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/11.jpg" onerror="this.style.display='none'"> {% endcomment %}
-        </div>
+        <a href="{% get_media_prefix %}instagram/results/6.jpg"
+        class="gallery__item">
+          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/6.jpg" onerror="this.style.display='none'">
+        </a>
+        <a href="{% get_media_prefix %}instagram/results/7.jpg"
+        class="gallery__item">
+          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/7.jpg" onerror="this.style.display='none'">
+        </a>
+        <a href="{% get_media_prefix %}instagram/results/8.jpg"
+        class="gallery__item">
+          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/8.jpg" onerror="this.style.display='none'">
+        </a>
+        <a href="{% get_media_prefix %}instagram/results/9.jpg"
+        class="gallery__item gallery__item_lg">
+          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/9.jpg" onerror="this.style.display='none'">
+        </a>
+        <a href="{% get_media_prefix %}instagram/results/10.jpg"
+        class="gallery__item">
+          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/10.jpg" onerror="this.style.display='none'">
+        </a>
+        <a href="{% get_media_prefix %}instagram/results/11.jpg"
+        class="gallery__item">
+          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/11.jpg" onerror="this.style.display='none'">
+        </a>
       </div>
     </div>
   </div>
diff --git a/web/src/sass/_common.sass b/web/src/sass/_common.sass
index 2404554c..fc1ac8d1 100755
--- a/web/src/sass/_common.sass
+++ b/web/src/sass/_common.sass
@@ -1352,6 +1352,8 @@ a[name]
   &__pic
     display: block
     width: 100%
+    height: 100%
+    object-fit: cover
 
 .app
   position: relative