diff --git a/src/components/hy-introduction/hy-introduction.scss b/src/components/hy-introduction/hy-introduction.scss index 1974b77cd3b65cf1d344f807d0602858150a5e93..2945cf365cc0130895cb56acb55d93dd72c5d9a3 100644 --- a/src/components/hy-introduction/hy-introduction.scss +++ b/src/components/hy-introduction/hy-introduction.scss @@ -221,30 +221,30 @@ } &__description { - @include font-size(16px, 24px); - @include font-weight($semibold); - + @include font-size(15px, 22px); + @include font-weight($regular); color: var(--grayscale-black); font-family: var(--main-font-family); - letter-spacing: -0.1px; margin-bottom: 28px; + margin-top: 0; @include breakpoint($narrow) { - @include font-size(18px, 28px); + @include font-size(16px, 24px); } @include breakpoint($wide) { - @include font-size(18px, 28px); margin-bottom: 32px; } @include breakpoint($extrawide) { margin-bottom: 32px; } @include breakpoint($xlarge) { + @include font-size(17px, 26px); margin-bottom: 40px; } &__large { @include breakpoint($extrawide) { + @include font-size(17px, 26px); margin-bottom: 40px; } } diff --git a/src/components/hy-introduction/hy-introduction.tsx b/src/components/hy-introduction/hy-introduction.tsx index 48154746830dc5ea5d5741fb7adf79a4f7861a2c..5558fbf7a53003c5eee65e9b7a70e6889c715175 100644 --- a/src/components/hy-introduction/hy-introduction.tsx +++ b/src/components/hy-introduction/hy-introduction.tsx @@ -66,7 +66,7 @@ export class HyIntroduction { > {this.textTitle} </hy-heading> - <div class={classDescription}>{this.textDescription}</div> + <p class={classDescription}>{this.textDescription}</p> {this.url && ( <div class="hy-introduction__link__container"> <a class="hy-introduction__link" href={this.url} aria-label={this.scLabel} target={target}>