diff options
Diffstat (limited to 'src/components/landing')
-rw-r--r-- | src/components/landing/sections/Hero.module.css | 16 |
1 files changed, 15 insertions, 1 deletions
diff --git a/src/components/landing/sections/Hero.module.css b/src/components/landing/sections/Hero.module.css index bc5c151..ce0444f 100644 --- a/src/components/landing/sections/Hero.module.css +++ b/src/components/landing/sections/Hero.module.css | |||
@@ -1,5 +1,5 @@ | |||
1 | /* | 1 | /* |
2 | * SPDX-FileCopyrightText: 2023 Kristóf Marussy | 2 | * SPDX-FileCopyrightText: 2023-2024 Kristóf Marussy |
3 | * | 3 | * |
4 | * SPDX-License-Identifier: MIT | 4 | * SPDX-License-Identifier: MIT |
5 | */ | 5 | */ |
@@ -11,6 +11,13 @@ | |||
11 | --ifm-link-hover-color: var(--ifm-link-color); | 11 | --ifm-link-hover-color: var(--ifm-link-color); |
12 | } | 12 | } |
13 | 13 | ||
14 | @media (max-width: 996px) { | ||
15 | .hero { | ||
16 | padding-top: 2rem; | ||
17 | padding-bottom: 0; | ||
18 | } | ||
19 | } | ||
20 | |||
14 | .hero__col { | 21 | .hero__col { |
15 | display: flex; | 22 | display: flex; |
16 | flex-direction: column; | 23 | flex-direction: column; |
@@ -22,6 +29,12 @@ | |||
22 | align-items: center; | 29 | align-items: center; |
23 | } | 30 | } |
24 | 31 | ||
32 | @media (max-width: 996px) { | ||
33 | .avatar { | ||
34 | padding-bottom: 1rem; | ||
35 | } | ||
36 | } | ||
37 | |||
25 | .avatar__image { | 38 | .avatar__image { |
26 | width: 100%; | 39 | width: 100%; |
27 | max-width: 298px; | 40 | max-width: 298px; |
@@ -35,6 +48,7 @@ | |||
35 | font-size: 1.5rem; | 48 | font-size: 1.5rem; |
36 | } | 49 | } |
37 | 50 | ||
51 | |||
38 | .introduction__name { | 52 | .introduction__name { |
39 | font-family: var(--ifm-heading-font-family); | 53 | font-family: var(--ifm-heading-font-family); |
40 | font-weight: var(--ifm-heading-font-weight); | 54 | font-weight: var(--ifm-heading-font-weight); |