From b19ade697e92f77faaf7ce0c4aa9f2d5a97ce766 Mon Sep 17 00:00:00 2001
From: Priyatham Sai Chand <priyathamsaichand@gmail.com>
Date: Sun, 28 Feb 2021 23:21:28 +0530
Subject: [PATCH] pricing plan styled process

---
 src/components/PricingPlan.js | 25 +++++++++++++++++++++++--
 src/pricing-plan.css          | 12 ------------
 2 files changed, 23 insertions(+), 14 deletions(-)

diff --git a/src/components/PricingPlan.js b/src/components/PricingPlan.js
index dde941d..a0c734f 100644
--- a/src/components/PricingPlan.js
+++ b/src/components/PricingPlan.js
@@ -63,8 +63,13 @@ const Header = styled.div`
     color: #ffffff;
 
 `;
+const Summary = styled.h2`
 
-const PricingPlan_SpecialText = styled.div`
+    font-size: 1em;
+    font-weight: 300;
+    `;
+
+const  SpecialText = styled.div`
 
     padding: 10px;
     text-align: center;
@@ -72,9 +77,25 @@ const PricingPlan_SpecialText = styled.div`
     color: #ffffff;
     background: #007c64;
     box-shadow: 0 0 10px rgba(0,0,0,0.2) inset;
+    
+    &, ${Title}{
+    margin: 0;
+    text-align: center;
+    font-family: sans-serif;
+
+    }
 
 `;
-const 
+const Desc = styled.div`
+
+    padding: 25px;
+
+`; 
+const List = styled.ul `
+    padding: 0; 
+    margin: 0;
+    text-align: left;
+`;
 
 class PricingPlan extends Component {
 
diff --git a/src/pricing-plan.css b/src/pricing-plan.css
index 12f2f0c..60c3919 100644
--- a/src/pricing-plan.css
+++ b/src/pricing-plan.css
@@ -21,33 +21,21 @@
 
 .pricing-plan__title,.pricing-plan__summary{
 
-    margin: 0;
-    text-align: center;
-    font-family: sans-serif;
 }
 
 .pricing-plan__title{
 
-    font-size: 1.5em;
-    font-weight: 400;
-
 }
 
 .pricing-plan__summary {
 
-    font-size: 1em;
-    font-weight:300;
 }
 
 .pricing-plan__desc {
-    padding:25px;
 }
 
 .pricing-plan__list {
 
-    padding: 0;
-    margin: 0;
-    text-align: left;
 }
 
 .pricing-plan__feature {