From 10f1c98a4efb047f055c6e19937799bc7c196022 Mon Sep 17 00:00:00 2001
From: Atanas Krondev <krondev@gmail.com>
Date: Mon, 12 Apr 2021 17:02:28 +0300
Subject: [PATCH] Fix images grid in posts

---
 src/components/tipRecords/TipMedia.vue | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/tipRecords/TipMedia.vue b/src/components/tipRecords/TipMedia.vue
index 4410fcfda..a225e6984 100644
--- a/src/components/tipRecords/TipMedia.vue
+++ b/src/components/tipRecords/TipMedia.vue
@@ -47,6 +47,7 @@ export default {
   width: 100%;
   max-width: 100%;
   border-radius: 0.5rem;
+  height: 0;
 
   .media-container {
     max-width: 100%;
@@ -60,23 +61,23 @@ export default {
     display: grid;
 
     &.template1 {
-      grid-template-areas: 'pos0';
+      grid-template: 'pos0' 100%;
     }
 
     &.template2 {
-      grid-template-areas: 'pos0 pos1';
+      grid-template: 'pos0 pos1' 100%;
     }
 
     &.template3 {
-      grid-template-areas:
-        'pos0 pos1'
-        'pos0 pos2';
+      grid-template:
+        'pos0 pos1' 50%
+        'pos0 pos2' 50%;
     }
 
     &.template4 {
-      grid-template-areas:
-        'pos0 pos0 pos1 pos1'
-        'pos0 pos0 pos2 pos3';
+      grid-template:
+        'pos0 pos0 pos1 pos1' 50%
+        'pos0 pos0 pos2 pos3' 50%;
     }
 
     img {