From 1a977a87a0da1cff35d0896cf9265c31034841a6 Mon Sep 17 00:00:00 2001
From: Cotes Chung <11371340+cotes2020@users.noreply.github.com>
Date: Mon, 13 Nov 2023 03:59:48 +0800
Subject: [PATCH] fix(home): responsive gap at the bottom of preview image

Range of impacted screen widths:

- (width >= 768px) and (width < 1150px)
- (width >= 1200px) and (width <= 1460px)
---
 _sass/addon/commons.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/_sass/addon/commons.scss b/_sass/addon/commons.scss
index 350f94e..78b7a89 100644
--- a/_sass/addon/commons.scss
+++ b/_sass/addon/commons.scss
@@ -309,6 +309,7 @@ sup {
 .preview-img {
   aspect-ratio: 40 / 21;
   width: 100%;
+  height: 100%;
   overflow: hidden;
 
   @extend %rounded;