diff options
author | mattkae <mattkae@protonmail.com> | 2022-06-22 21:21:18 -0400 |
---|---|---|
committer | mattkae <mattkae@protonmail.com> | 2022-06-22 21:21:18 -0400 |
commit | 58b492c7fbb60a4283e5961fc24436405f577165 (patch) | |
tree | b0058a640de306c2606179975de66d6f6b999f96 /resume.css | |
parent | 799e8660641920b5adc1c1aa8a36f9dd72722047 (diff) |
Nice mobile version of the site
Diffstat (limited to 'resume.css')
-rwxr-xr-x | resume.css | 28 |
1 files changed, 26 insertions, 2 deletions
@@ -37,13 +37,15 @@ header { } #resume_header > h1 { - font-size: 30px; + font-size: 24px; padding: 0; margin: 0; font-weight: 500; } #resume_header_contact { + display: flex; + flex-direction: row; } #resume_header_contact span { @@ -83,6 +85,10 @@ header { justify-content: space-between; } +.skill-section > b { + width: 25%; +} + .skill-section > div { width: 75%; } @@ -126,4 +132,22 @@ header { width: calc(100vw - 4rem); height: calc(100vh - 4rem); overflow: auto; -}
\ No newline at end of file +} + +/* Phone screen adjustments */ +@media only screen and (device-width: 960px), +only screen and (max-width:960px) { + #resume_header { + flex-direction: column; + align-items: flex-start; + } + + #resume_header_contact { + flex-direction: column; + } + + #resume_header_contact span { + margin: 0; + margin-top: 5px; + } +} |