From 2135c594fd3af7fe27342e210d5aeb231277ce99 Mon Sep 17 00:00:00 2001 From: Nathan Akpawu Date: Thu, 29 Jun 2023 11:49:52 +0000 Subject: [PATCH] HTML and CSS W3C validation --- .../assets/css/style.css | 33 ++++++++----------- 002-results-summary-component/index.html | 26 +++++++-------- 2 files changed, 27 insertions(+), 32 deletions(-) diff --git a/002-results-summary-component/assets/css/style.css b/002-results-summary-component/assets/css/style.css index 910e945..81858ab 100644 --- a/002-results-summary-component/assets/css/style.css +++ b/002-results-summary-component/assets/css/style.css @@ -13,12 +13,7 @@ --blue: hsl(234, 85%, 45%); --blue-95-white: hsla(234, 85%, 45%, 0.05); --gradient-1: linear-gradient(180deg, #75f 0%, #6943ff 0.01%, #2f2ce9 100%); - --gradient-2: linear-gradient( - 180deg, - #4d21c9 0%, - rgba(37, 33, 201, 0) 100%, - rgba(37, 33, 201, 0) 100% - ); + --gradient-2: linear-gradient(180deg, #4d21c9 0%, rgba(37, 33, 201, 0) 100%, rgba(37, 33, 201, 0) 100%); } /*#endregion: Variables*/ @@ -42,9 +37,9 @@ body { font-weight: 500; background: var(--very-light-blue); color: var(--dark-navy); + height: 100vh; display: flex; justify-content: center; - height: 100vh; } /*#endregion: */ @@ -158,7 +153,7 @@ button { align-items: center; } -.indicator:last-child { +.indicator:last-of-type { margin-bottom: 24px; } @@ -187,36 +182,36 @@ button { opacity: 0.5; } -.indicator.is-red { +.indicator:nth-child(1) { background: var(--red-95-white); } -.indicator.is-red .indicator--category { +.indicator:nth-child(1) .indicator--category { color: var(--red); } -.indicator.is-yellow { +.indicator:nth-child(2) { background: var(--yellow-95-white); } -.indicator.is-yellow .indicator--category { +.indicator:nth-child(2) .indicator--category { color: var(--yellow); } -.indicator.is-green { +.indicator:nth-child(3) { background: var(--green-95-white); } -.indicator.is-green .indicator--category { +.indicator:nth-child(3) .indicator--category { color: var(--green); } -.indicator.is-blue { +.indicator:nth-child(4) { background: var(--blue-95-white); margin-bottom: 24px; } -.indicator.is-blue .indicator--category { +.indicator:nth-child(4) .indicator--category { color: var(--blue); } @@ -293,8 +288,8 @@ button { margin-bottom: 28px; } - .indicator.is-blue { - margin-bottom: 41px; + .indicator:last-of-type { + margin-bottom: 40px; } } -/*#endregion: Responsive Desktop*/ +/*#endregion: Responsive Desktop*/ \ No newline at end of file diff --git a/002-results-summary-component/index.html b/002-results-summary-component/index.html index 20e7fe6..e228622 100644 --- a/002-results-summary-component/index.html +++ b/002-results-summary-component/index.html @@ -1,11 +1,11 @@ - - - + + + Frontend Mentor | Results summary component - +
@@ -23,32 +23,32 @@

Great

Summary

-
- Reaction Icon +
+ Reaction Icon

Reaction

80 / 100
-
- Memory Icon +
+ Memory Icon

Memory

92 / 100
-
- Verbal Icon +
+ Verbal Icon

Verbal

61 / 100
-
- Visual Icon +
+ Visual Icon

Visual

72 @@ -60,4 +60,4 @@

Visual

- + \ No newline at end of file