added styled component for heading component

eyekavya · Mar 22, 2023 · b865555 · b865555
1 parent 82b2ec5
commit b865555
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/src/components/Heading/Heading.js b/src/components/Heading/Heading.js
@@ -1,12 +1,13 @@
 import React from "react";
+import { StyledCard } from "./StyledCard";
 
 function Heading() {
   return (
-    <>
+    <StyledCard>
       <header>
         <h1>Kavya's TO-DO List</h1>
       </header>
-    </>
+    </StyledCard>
   );
 }
 

diff --git a/src/components/Heading/StyledHeading.js b/src/components/Heading/StyledHeading.js
@@ -0,0 +1,11 @@
+import styled from "styled-components";
+
+export const StyledHeading = styled.section`
+  header {
+    font-size: 1.5rem;
+    margin: 3rem 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+`;