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 index 2728568..e72bf54 100644 --- 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 index 702be3d..5985753 100644 --- 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;