diff --git a/practice/practice-01/src/index.html b/practice/practice-01/src/index.html index 484c70d..1b79283 100644 --- a/practice/practice-01/src/index.html +++ b/practice/practice-01/src/index.html @@ -58,11 +58,11 @@ - - - Partners - Lorem Ipsum Dolor - + + + Partners + Lorem Ipsum Dolor + Lorem ipsum, dolor sit amet consectetur adipisicing elit. diff --git a/practice/practice-01/src/style/abstracts/variables.css b/practice/practice-01/src/style/abstracts/variables.css index 3350b4b..edcf682 100644 --- a/practice/practice-01/src/style/abstracts/variables.css +++ b/practice/practice-01/src/style/abstracts/variables.css @@ -6,6 +6,7 @@ --fs-sm: 15px; --fs-md: 20px; --fs-lg: 40px; + --width: 1180px; --ff-secondary-regular: CrimsonText-Regular; --ff-secondary-bold: CrimsonText-Bold; --ff-primary-medium: WorkSans-Medium; diff --git a/practice/practice-01/src/style/main.css b/practice/practice-01/src/style/main.css index 1ca5675..04cc6b4 100644 --- a/practice/practice-01/src/style/main.css +++ b/practice/practice-01/src/style/main.css @@ -130,44 +130,42 @@ /* Pattern Section */ .sponsor__container { - width: 100%; - max-width: var(--max-width); + width: var(--width); margin: auto; - display: flex; - flex-direction: column; - align-items: center; gap: 55px; margin-bottom: 73px; } -.sponsor__content { +.align-center { display: flex; flex-direction: column; align-items: center; +} + +.sponsor__content { gap: 16px; - max-width: 411px; + width: 411px; } .sponsor__title { font-family: var(--ff-primary-bold); - font-style: inherit; - line-height: 125%; letter-spacing: 5px; text-transform: uppercase; color: var(--primary-color); } +.line-height-125 { + line-height: 125%; +} + .sponsor__heading { font-size: var(--fs-lg); font-family: var(--ff-secondary-bold); - font-style: normal; - line-height: 125%; } .sponsor__description { font-size: var(--fs-md); font-family: var(--ff-primary-regular); - line-height: 125%; text-align: center; }
+
Lorem ipsum, dolor sit amet consectetur adipisicing elit.