From a5daded453f9eca9eca9ea952f2eb2158c89538c Mon Sep 17 00:00:00 2001
From: Alex Ling <hkalexling@gmail.com>
Date: Wed, 1 Apr 2020 04:51:57 +0000
Subject: [PATCH] Fix the width and height of cover images (#23)

---
 public/css/mango.css | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/public/css/mango.css b/public/css/mango.css
index e839268..8b9df2a 100644
--- a/public/css/mango.css
+++ b/public/css/mango.css
@@ -5,8 +5,17 @@
 	padding: 20px;
 }
 .uk-card-media-top {
-	max-height: 350px;
-	overflow: hidden;
+	height: 250px;
+}
+@media (min-width: 600px) {
+.uk-card-media-top {
+	height: 300px;
+}
+}
+.uk-card-media-top > img {
+	height: 100%;
+	width: 100%;
+	object-fit: cover;
 }
 .uk-card-title {
 	height: 3em;