diff options
| author | Ahmed Abdelhalim <[email protected]> | 2023-08-11 06:22:46 +0300 |
|---|---|---|
| committer | Ahmed Abdelhalim <[email protected]> | 2023-08-11 15:03:05 +0300 |
| commit | 8fb3e29044a184528b8e5f2e7a0434383547fbea (patch) | |
| tree | b1ae090764f7de7644a6b9e66cc4f299fec5e9b5 /assets | |
| parent | c6ad9c5edb468ebc8b6576c84c9c37a5a983f1a4 (diff) | |
Fix mobile header styling to have the name on one line
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/scss/print/_header.scss | 1 | ||||
| -rw-r--r-- | assets/scss/web/_base.scss | 4 | ||||
| -rw-r--r-- | assets/scss/web/_education.scss | 2 | ||||
| -rw-r--r-- | assets/scss/web/_header.scss | 6 | ||||
| -rw-r--r-- | assets/scss/web/_projects.scss | 2 | ||||
| -rw-r--r-- | assets/scss/web/_work.scss | 2 |
6 files changed, 13 insertions, 4 deletions
diff --git a/assets/scss/print/_header.scss b/assets/scss/print/_header.scss index 652031a..a788ab8 100644 --- a/assets/scss/print/_header.scss +++ b/assets/scss/print/_header.scss @@ -1,5 +1,6 @@ .header__name { margin-bottom: 0.1em; + margin-top: 1em; } .header__language { diff --git a/assets/scss/web/_base.scss b/assets/scss/web/_base.scss index 309b144..1106b6d 100644 --- a/assets/scss/web/_base.scss +++ b/assets/scss/web/_base.scss @@ -19,6 +19,10 @@ body { margin: 0 auto; float: none; line-height: 1.5; + font-size: 16px; + @media screen and (max-width: 780px) { + font-size: 0.9em; + } } main { diff --git a/assets/scss/web/_education.scss b/assets/scss/web/_education.scss index 51179e3..3707c4a 100644 --- a/assets/scss/web/_education.scss +++ b/assets/scss/web/_education.scss @@ -15,7 +15,7 @@ .education__degree { min-width: 100%; align-self: center; - font-size: 1.1em; + font-size: 1.1rem; margin-bottom: 0; } diff --git a/assets/scss/web/_header.scss b/assets/scss/web/_header.scss index 1037114..ae412d5 100644 --- a/assets/scss/web/_header.scss +++ b/assets/scss/web/_header.scss @@ -10,9 +10,13 @@ } .header__name { - font-size: 3.3em; + font-size: 3.3rem; margin-bottom: -0.2em; clear: right; + margin-top: 1.3em; + @media screen and (max-width: 780px) { + font-size: 2rem; + } } .header__job-title { diff --git a/assets/scss/web/_projects.scss b/assets/scss/web/_projects.scss index d0af4ed..236c4e3 100644 --- a/assets/scss/web/_projects.scss +++ b/assets/scss/web/_projects.scss @@ -9,7 +9,7 @@ .project__title { margin-bottom: 0; - font-size: 1.1em; + font-size: 1.1rem; } diff --git a/assets/scss/web/_work.scss b/assets/scss/web/_work.scss index 958859e..288ffef 100644 --- a/assets/scss/web/_work.scss +++ b/assets/scss/web/_work.scss @@ -40,7 +40,7 @@ .job-position__company { order: 0; margin-bottom: 0; - font-size: 1.4em; + font-size: 1.4rem; } .job-position__title { |