finished it properly.

2 years ago · 6f75f65d0a
parent bddfcded90
commit 6f75f65d0a
2 changed files with 2 additions and 2 deletions
--- 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>)
 }

--- 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/>