From c0a4bdbbc1964a076efe54cfed258cbb40b67911 Mon Sep 17 00:00:00 2001
From: Jerick Seng <64419693+jer123se12@users.noreply.github.com>
Date: Sat, 16 Dec 2023 19:37:03 +0800
Subject: [PATCH] made it more viewable on odd aspect ratios

sent from my iphone
---
 src/components/MobileMessage/MobileMessage.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/MobileMessage/MobileMessage.js b/src/components/MobileMessage/MobileMessage.js
index 2a8b4fb..fb5e7a3 100644
--- a/src/components/MobileMessage/MobileMessage.js
+++ b/src/components/MobileMessage/MobileMessage.js
@@ -25,7 +25,7 @@ const MobileMessage = () => {
 	<div style={{display:((MobileMsg)?"block":"none")}} class="fixed w-screen h-screen z-[100000] backdrop-blur-md" >
 	    <div class="absolute w-screen h-screen bg-black opacity-30">
 	    </div>
-	    <div class="absolute rounded-md p-5 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-white drop-shadow-sm flex justify-items-center items-center">
+	    <div class="absolute rounded-md p-5 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-white drop-shadow-sm flex flex-col justify-items-center items-center">
 	    <img src="warningIcon.svg" class="w-1/10 h-1/10 py-5 pr-5"></img>
 	    <div class="flex flex-col">
 	    <p>This website is not design for this aspect ratio. Please use a desktop instead or accept the risks</p>