huddle-landing-page-with-a-single-introductory-section: minor refacto…

…ring
avisek · Nov 19, 2023 · 45cbd9b · 45cbd9b
1 parent 286c760
commit 45cbd9b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 8 deletions.
diff --git a/solutions/huddle-landing-page-with-a-single-introductory-section/README.md b/solutions/huddle-landing-page-with-a-single-introductory-section/README.md
@@ -52,7 +52,7 @@ The project was very straightforward and easy. I began with a mobile-first appro
 
 ### What I learned
 
-I have learned about the `aria-label` attribute. It is used in web development to provide an accessible label for an element that may not have a visible label. It is particularly important for users who rely on assistive technologies such as screen readers to navigate and interact with web content.
+I have learned about the `aria-label` attribute. It is used to provide an accessible label for an element that may not have a visible label. It is particularly important for users who rely on assistive technologies such as screen readers to navigate and interact with web content.
 
 Here is a common use case for the `aria-label` attribute:
 

diff --git a/solutions/huddle-landing-page-with-a-single-introductory-section/main.scss b/solutions/huddle-landing-page-with-a-single-introductory-section/main.scss
@@ -3,24 +3,22 @@
 }
 
 :root {
-  --white: hsl(0, 0%, 100%);
-  --velvet: hsl(257, 40%, 49%);
-  --softMagenta: hsl(300, 69%, 71%);
-  --persianIndigo: hsl(257deg 71.9% 27.68%)
+  --white: hsl(0deg 0% 100%);
+  --velvet: hsl(257deg 40% 49%);
+  --softMagenta: hsl(300deg 69% 71%);
+  --persianIndigo: hsl(257deg 72% 28%);
 }
 
 ::-moz-selection {
   background-color: var(--softMagenta);
   color: var(--white)
 }
-
 ::selection {
   background-color: var(--softMagenta);
   color: var(--white)
 }
 
 html {
-  display: grid;
   -webkit-text-size-adjust: 100%;
   -webkit-tap-highlight-color: transparent;
   -webkit-font-smoothing: antialiased;
@@ -169,7 +167,7 @@ p {
 
   &_Link {
     padding: 4px 8px 4px 4px;
-  margin: -4px -8px -4px -4px;
+    margin: -4px -8px -4px -4px;
     border-radius: 30px;
     color: var(--softMagenta);
     text-decoration: none;