diff --git a/src/components/Completed/CompletedHeader/CompletedHeader.component.js b/src/components/Completed/CompletedHeader/CompletedHeader.component.js index be42d70..dc3754e 100644 --- a/src/components/Completed/CompletedHeader/CompletedHeader.component.js +++ b/src/components/Completed/CompletedHeader/CompletedHeader.component.js @@ -16,7 +16,6 @@ export default class CompletedHeader extends PureComponent { const { name, score } = this.props; let subtitle = null; - let feedback = null; let text = null; const rating = getRating(score); @@ -115,8 +114,7 @@ export default class CompletedHeader extends PureComponent { className={'CompletedHeader__title'} >{`Congratulations ${name}, you're finished!`}

{subtitle}

-

- {text} +

{text}
Do You Have What It Takes To Develop Mobile Apps? -

- Note: This assessment is for developers who already have - a basic understanding of HTML, CSS and Javascript. To - get the most accurate results, use your current - knowledge and skills to answer each question to the best - of your ability, and avoid looking things up online. -

-

- Don't worry about getting every answer correct. The - questions range in subject matter and difficulty to - accurately assess your readiness to successfully learn - mobile app development and determine the right next - steps for you should take to get started. -

+
+

+ Note: This assessment is for developers who already + have a basic understanding of HTML, CSS and + Javascript. To get the most accurate results, use + your current knowledge and skills to answer each + question to the best of your ability, and avoid + looking things up online. +

+

+ Don't worry about getting every answer correct. The + questions range in subject matter and difficulty to + accurately assess your readiness to successfully + learn mobile app development and determine the right + next steps for you should take to get started. +

+
diff --git a/src/components/Landing/Landing/Landing.css b/src/components/Landing/Landing/Landing.css index 24205b0..1d6402e 100644 --- a/src/components/Landing/Landing/Landing.css +++ b/src/components/Landing/Landing/Landing.css @@ -19,11 +19,22 @@ .Landing__title { margin-top: 120px; font-size: 3.2rem; - line-height: 4.2rem; + line-height: 1.3; font-weight: 800; margin-bottom: 20px; } +@media (max-width: 767px) { + .Landing__title { + margin-top: 40px; + font-size: 2.4rem; + } +} + +.Landing__notes { + font-size: 1.6rem; +} + .Landing__image { flex-shrink: 0; width: 40.4980237%;