From 79555722effaccc27e3dc219134c5c247f0b9f1d Mon Sep 17 00:00:00 2001
From: Redume <Danilivasenko09@gmail.com>
Date: Sat, 3 Dec 2022 10:13:18 +0300
Subject: [PATCH] A redesign of the gallery was made

---
 web/static/style/gallery.css | 38 ++++++++++++++++++++++++------------
 1 file changed, 25 insertions(+), 13 deletions(-)

diff --git a/web/static/style/gallery.css b/web/static/style/gallery.css
index b8b3d7f..09d106d 100644
--- a/web/static/style/gallery.css
+++ b/web/static/style/gallery.css
@@ -1,32 +1,44 @@
 .card {
-    border-radius: 2%;
-    min-width: 350px;
-    max-width: 400px;
-    height: 200px;
-    overflow: hidden;
-    margin: 10px;
     background-color: #131313;
+    border-radius: 34px;
+    width: 359px;
+    height: 237px;
+    overflow: hidden;
 }
 
 .header-row {
-    flex-wrap: wrap;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: space-around;
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    grid-template-rows: repeat(1, 1fr);
+    grid-gap: 40px;
+    padding: 10px;
+    margin-left: -100px;
 }
 
 .card-img-top {
-    object-fit: none;
-    object-position: center;
+    min-width: 120%;
+    min-height: 120%;
+
+}
+
+.card-img {
+    border-radius: 16px;
 }
 
 lottie-player {
     margin: 0 auto;
 }
 
+.modal-body,
+.modal-footer,
+.modal-header {
+    background-color: #212529;
+    color: white;
+}
+
 .modal-body p {
     font-family: 'Roboto', sans-serif;
+    margin-top: 16px;
 }
 
 .navbar {