From 3300083e74c7d2744c83332acdc6dc337e90299c Mon Sep 17 00:00:00 2001
From: Robert McGovern <rob@tarasis.net>
Date: Wed, 11 Aug 2021 09:17:19 +0200
Subject: [PATCH] tidied CSS, removed duplicate settings

---
 .../css/style.css                             | 70 ++-----------------
 1 file changed, 6 insertions(+), 64 deletions(-)

diff --git a/FrontendMentor/newbie/stats-preview-card-component/css/style.css b/FrontendMentor/newbie/stats-preview-card-component/css/style.css
index fff522d..27390f7 100644
--- a/FrontendMentor/newbie/stats-preview-card-component/css/style.css
+++ b/FrontendMentor/newbie/stats-preview-card-component/css/style.css
@@ -70,6 +70,9 @@ body {
     line-height: 1.5625rem;
     color: var(--main-paragraph-color);
     margin-top: 1.5625rem;
+
+    mix-blend-mode: normal;
+    opacity: 0.75;
 }
 
 .stats-section {
@@ -83,15 +86,6 @@ body {
     text-transform: uppercase;
 }
 
-/* .stats-section {
-    flex-direction: column;
-    align-content: space-around;
-    align-items: center;
-    text-align: center;
-    margin-top: 1rem;
-    text-transform: uppercase;
-} */
-
 .stat-block {
     margin-top: 1.5rem;
 }
@@ -115,18 +109,6 @@ body {
     opacity: 0.6;
 }
 
-
-/* .stats-block {
-    padding: 2em;
-}
-*/
-
-.title {
-    font-weight: 700; /* 400 & 40 are very close*/
-    font-size: 0.75rem;
-    /* line-height: 44px; */
-}
-
 .image-block {
         border-radius: 0px 8px 8px 0px;
         order: 2;
@@ -136,7 +118,6 @@ body {
         background-blend-mode: multiply;  
         background-repeat: no-repeat;
 
-        /* height: 100%; */
         width: 100%;
 
 }
@@ -144,12 +125,6 @@ body {
 .attribution { font-size: 11px; text-align: center; }
 .attribution a { color: hsl(228, 45%, 44%); }
 
-/* @media screen and (max-width: 1100px) {
-    .image-block {
-        background-image:url(../images/image-header-mobile.jpg);
-    }
-} */
-
 @media screen and (max-width: 1100px) {
 
     body {
@@ -167,11 +142,8 @@ body {
         margin: unset;
     }
     
-
     .card {
         flex-direction: column;
-        /* padding: 2em; not actual */
-        /* min-width: 50%; */
         max-width: 400px;
     }
 
@@ -191,19 +163,13 @@ body {
     .description-section {
         text-align: center;
         margin-top: 1rem;
-
-        mix-blend-mode: normal;
-        opacity: 0.75;
     }
 
     .image-block {
-        order: 1;
-        background-color: var(--accent-color);
-        background-image:url(../images/image-header-mobile.jpg);
-        background-size: cover;
         border-radius: 8px 8px 0px 0px;
-        background-blend-mode: multiply;  
-        background-repeat: no-repeat;
+        order: 1;
+        background-image:url(../images/image-header-mobile.jpg);
+
         height: 240px;
     }
 
@@ -212,33 +178,9 @@ body {
         align-content: space-around;
         align-items: center;
         text-align: center;
-        margin-top: 1rem;
-        text-transform: uppercase;
-    }
-
-    .stat-block {
-        margin-top: 1.5rem;
-    }
-
-    .title {
-        font-weight: 700; /* 400 & 40 are very close*/
-        font-size: 1.5rem;
-        line-height: 1.815625rem;
     }
 
     .subtitle {
         font-family: 'Inter', sans-serif;
-
-        font-weight: 400;
-        font-size: 0.75rem;
-        line-height: 1.5625rem;
-        color: var(--stat-headings-color);
-        margin-top: 0.125rem;
-        letter-spacing: 0.0625rem;
-
-        mix-blend-mode: normal;
-        opacity: 0.6;
     }
-    
-    
 }