From 2453946acc41679a9b1d37d6b9c710044679e814 Mon Sep 17 00:00:00 2001
From: siyamkumar <siyam.kumar@krds.fr>
Date: Tue, 19 Apr 2022 18:29:13 +0530
Subject: [PATCH] newadd
---
src/App.css | 46 ++++++++++++++++++----------------------------
src/Images/image-1.png | Bin 0 -> 16485 bytes
src/MainPage.js | 5 ++---
3 files changed, 20 insertions(+), 31 deletions(-)
create mode 100644 src/Images/image-1.png
diff --git a/src/App.css b/src/App.css
index b2268fd..c078caa 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,43 +1,33 @@
-.main {
- background-color: aliceblue;
- margin:10px;
-}
-.container >div {
- padding:10px;
- text-align: center;
- font-size: 2em;
- color: rgb(245, 241, 236);
+.container {
display: grid;
- grid-template-areas:
- "one two three"
- "four five "
- ;
-
+ grid-template-areas: "one two three";
+ padding: 10px;
}
-.one {
- background-color: brown;
-}`
-.two {
+.container>div {
+ padding: 20px 0;
+ font-size: 30px;
+ height: 325px;
+}
- background-color: rgb(63, 228, 74);
+.one {
+ background-color:#57a890 ;
+}
+.two {
+ background-color: #ddae71;
}
.three {
-
- background-color: rgb(198, 89, 89);
+ background-color: #727cda;
}
.four {
-
- background-color: rgb(204, 50, 204);
+ background-color: #faa46b;
}
-.five {`
-
- background-color: rgb(240, 8, 155);
+.five {
+ background-color: #863456;
}
.six {
-
- background-color: rgb(91, 53, 217);
+ background-color: #71bedd;
}
diff --git a/src/Images/image-1.png b/src/Images/image-1.png
new file mode 100644
index 0000000..0e5ae2c
Binary files /dev/null and b/src/Images/image-1.png differ
diff --git a/src/MainPage.js b/src/MainPage.js
index 61be313..edaaa98 100644
--- a/src/MainPage.js
+++ b/src/MainPage.js
@@ -1,17 +1,16 @@
import React from 'react';
-
+import Image1 from './Images/image-1.png';
const MainPage = () => {
return (
<div className='main'>
<div className='container'>
- <div className='one'>1</div>
+ <div className='one'><img src={Image1} alt="image" style={{height:"250px", width:"150px"}}/></div>
<div className='two'>2</div>
<div className='three'>3</div>
<div className='four'>4</div>
<div className='five'>5</div>
<div className='six'>6</div>
-
</div>
</div>
)
--
libgit2 0.27.0