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 {