From 6f75f65d0aedc6dc4871929122f08df97278da65 Mon Sep 17 00:00:00 2001
From: seanj29 <seanotto29@gmail.com>
Date: Tue, 31 Oct 2023 17:50:05 +0000
Subject: [PATCH] finished it properly.

---
 Solutions/Day-04/random-colors/src/app/RandomColorDiv.tsx | 2 +-
 Solutions/Day-04/random-colors/src/app/page.tsx           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/Solutions/Day-04/random-colors/src/app/RandomColorDiv.tsx b/Solutions/Day-04/random-colors/src/app/RandomColorDiv.tsx
index a6b5184..3b7b356 100644
--- a/Solutions/Day-04/random-colors/src/app/RandomColorDiv.tsx
+++ b/Solutions/Day-04/random-colors/src/app/RandomColorDiv.tsx
@@ -11,7 +11,7 @@ const hexaColor = () => {
 const RandomDiv = () => {
     return (
     <div
-    style={{backgroundColor: hexaColor(), display: 'flex' ,  justifyContent: 'center'}}
+    style={{backgroundColor: hexaColor(), display: 'flex' , alignItems: 'center',  justifyContent: 'center', borderRadius: "0.25vw", height: "10vh" , width: "50%", margin: '5px auto'}}
     >{hexaColor()}</div>)
 }
 
diff --git a/Solutions/Day-04/random-colors/src/app/page.tsx b/Solutions/Day-04/random-colors/src/app/page.tsx
index cd5fcd7..a7b7c61 100644
--- a/Solutions/Day-04/random-colors/src/app/page.tsx
+++ b/Solutions/Day-04/random-colors/src/app/page.tsx
@@ -4,7 +4,7 @@ import RandomDiv from './RandomColorDiv'
 export default function Home() {
   return (
     <main>
-      <div>
+      <div style={{display:'flex', flexDirection:'column', justifyContent: 'center', height: "100vh"}}>
       <RandomDiv/>
       <RandomDiv/>
       <RandomDiv/>