added design

Author: blongden73

src/css/main.scss

@@ -14,8 +14,8 @@
 
 h1 {
   font-family: "Guardian Titlepiece";
-  font-size: 32px;
-  line-height: 36px;
+  font-size: 40px;
+  line-height: 38px;
 
   @include mq($from: wide) {
     font-size: 62px;
@@ -25,6 +25,7 @@ h1 {
 
 h2 {
   font-family: "Guardian Headline Full";
+  line-height: 1.2;
 }
 
 p {
@@ -67,18 +68,21 @@ p {
 
 .fact-page-box {
   border: 1px solid #121212;
-  width: 280px;
+  width: 100%;
   margin-left: auto;
   right: -200px;
   display: inline-block;
   float: right;
   margin-left: 20px;
-  margin-bottom: 60px;
+  margin-bottom: 20px;
   margin-right: 0px;
   background-color: #fff;
+  background-color: #ffe500;
 
   @include mq($from: desktop) {
     margin-right: -190px;
+    width: 280px;
+    margin-bottom: 60px;
   }
 
   h1 {
@@ -87,11 +91,22 @@ p {
     padding: 0;
     margin: 0;
     margin-top: 6px;
-    margin-left: 10px;
+    margin-left: 20px;
     margin-bottom: 10px;
+    margin-right: 20px;
+
+    @include mq($from: desktop) {
+      margin-left: 10px;
+    }
   }
   p {
-    margin-left: 10px;
+    margin-left: 20px;
+    margin-right: 10px;
+    margin-bottom: 20px;
+
+    @include mq($from: desktop) {
+      margin-left: 10px;
+    }
   }
 }
 
@@ -128,14 +143,15 @@ p {
   }
 
   h2 {
-    max-width: 180px;
     line-height: 1.2;
     color: #ffbac8;
 
     @include mq($from: wide) {
       position: absolute;
       left: -210px;
       margin-top: 6px;
+      max-width: 180px;
+
     }
   }
 }
@@ -214,7 +230,7 @@ p {
 }
 
 .fact-page-main-image {
-  width: 200px;
+  width: 150px;
   overflow: hidden;
   border: 1px solid #121212;
   position: relative;
@@ -226,6 +242,7 @@ p {
   @include mq($from: tablet) {
     top: -5px;
     margin-bottom: 0;
+    width: 200px;
   }
 
   @include mq($from: wide) {

src/templates/main.html

@@ -38,7 +38,7 @@ <h2>What is Covid-19 - the illness that started in Wuhan?</h2>
             <a class="storie-link" href="https://www.theguardian.com/world/2020/mar/03/what-is-coronavirus-symptoms-covid-19-wuhan-china">Read our full story</a>
           </div>
           <div class="fact-page-box">
-            <h1>What should I do if I feel unwell?</h1>
+            <h1>What should I do if I feel I have symptoms?</h1>
             <p>In the UK Stay indoors and avoid contact with people. Call NHS 111 to inform of your recent travel.</p>
           </div>
           <div class="fact-page-stories">