Skip to content

Commit c28958f

Browse files
Improve resume readability with larger fonts and reduced bold text
- Increase base font size from 18px to 20px - Increase all text elements by 2-4px for better readability - Reduce font-weight from 600 to 500 on most headings - Improve line-height throughout (1.6-1.7) for better spacing - Increase resume container max-width to 850px - Enhanced mobile responsive font sizes
1 parent 4bca71a commit c28958f

File tree

3 files changed

+36
-35
lines changed

3 files changed

+36
-35
lines changed

assets/built/screen.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

assets/built/screen.css.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

assets/css/components/resume.css

Lines changed: 34 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
/* Simple, clean resume layout */
22
.resume-page {
33
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
4-
font-size: 18px !important;
4+
font-size: 20px !important;
55
}
66

77
.resume {
8-
font-size: 18px;
8+
font-size: 20px;
99
padding: 2rem;
10-
max-width: 800px;
10+
max-width: 850px;
1111
margin: 0 auto;
1212
}
1313

@@ -47,18 +47,18 @@
4747
.resume-pronouns {
4848
font-weight: 400;
4949
color: #666;
50-
font-size: 1.3rem !important;
50+
font-size: 1.5rem !important;
5151
}
5252

5353
.resume-title {
54-
font-size: 1.8rem !important;
55-
font-weight: 600;
54+
font-size: 2rem !important;
55+
font-weight: 500;
5656
margin: 0.5rem 0;
5757
color: #0066cc;
5858
}
5959

6060
.resume-location {
61-
font-size: 1.4rem !important;
61+
font-size: 1.6rem !important;
6262
margin: 0.5rem 0;
6363
color: #666;
6464
}
@@ -73,7 +73,7 @@
7373
margin: 0.35rem 0;
7474
color: #0066cc;
7575
text-decoration: underline;
76-
font-size: 1.2rem !important;
76+
font-size: 1.4rem !important;
7777
}
7878

7979
.resume-contact a:hover {
@@ -93,7 +93,7 @@
9393
margin: 0 1.25rem 0.5rem 0;
9494
color: #0066cc;
9595
text-decoration: underline;
96-
font-size: 1.2rem !important;
96+
font-size: 1.4rem !important;
9797
}
9898

9999
.resume-nav a:hover {
@@ -110,8 +110,8 @@
110110
}
111111

112112
.resume-section > h2 {
113-
font-size: 2.2rem !important;
114-
font-weight: 600;
113+
font-size: 2.4rem !important;
114+
font-weight: 500;
115115
margin: 0 0 1.25rem 0;
116116
color: #333;
117117
border-bottom: 2px solid #0066cc;
@@ -120,9 +120,9 @@
120120

121121
.resume-section p {
122122
margin: 1rem 0;
123-
line-height: 1.6;
123+
line-height: 1.7;
124124
color: #333;
125-
font-size: 1.3rem !important;
125+
font-size: 1.5rem !important;
126126
}
127127

128128
/* Skills */
@@ -136,8 +136,8 @@
136136
#skills li {
137137
margin: 0.6rem 0;
138138
break-inside: avoid;
139-
line-height: 1.5;
140-
font-size: 1.2rem !important;
139+
line-height: 1.6;
140+
font-size: 1.4rem !important;
141141
}
142142

143143
@media (min-width: 768px) {
@@ -159,16 +159,16 @@
159159
}
160160

161161
.resume-experience h3 {
162-
font-size: 1.5rem !important;
163-
font-weight: 600;
162+
font-size: 1.7rem !important;
163+
font-weight: 500;
164164
margin: 0 0 0.35rem 0;
165165
color: #333;
166166
}
167167

168168
.resume-experience .meta {
169169
color: #666;
170170
margin-bottom: 0.85rem;
171-
font-size: 1.2rem !important;
171+
font-size: 1.4rem !important;
172172
font-style: italic;
173173
}
174174

@@ -178,9 +178,9 @@
178178
}
179179

180180
.resume-experience li {
181-
margin: 0.6rem 0;
182-
line-height: 1.5;
183-
font-size: 1.2rem !important;
181+
margin: 0.8rem 0;
182+
line-height: 1.7;
183+
font-size: 1.4rem !important;
184184
}
185185

186186
/* Role headers */
@@ -194,12 +194,13 @@
194194
column-gap: 2rem;
195195
margin: 1rem 0;
196196
padding-left: 1.5rem;
197-
font-size: 1.2rem !important;
197+
font-size: 1.4rem !important;
198198
}
199199

200200
.resume-list.two-col li {
201-
font-size: 1.2rem !important;
202-
margin: 0.6rem 0;
201+
font-size: 1.4rem !important;
202+
margin: 0.7rem 0;
203+
line-height: 1.6;
203204
}
204205

205206
@media (min-width: 768px) {
@@ -221,15 +222,15 @@
221222
}
222223

223224
#education h3 {
224-
font-size: 1.4rem !important;
225-
font-weight: 600;
225+
font-size: 1.6rem !important;
226+
font-weight: 500;
226227
margin: 0 0 0.3rem 0;
227228
color: #333;
228229
}
229230

230231
#education .meta {
231232
color: #666;
232-
font-size: 1.15rem !important;
233+
font-size: 1.3rem !important;
233234
font-style: italic;
234235
margin-bottom: 0;
235236
}
@@ -247,23 +248,23 @@
247248
}
248249

249250
#projects h3 {
250-
font-size: 1.4rem !important;
251-
font-weight: 600;
251+
font-size: 1.6rem !important;
252+
font-weight: 500;
252253
margin: 0 0 0.5rem 0;
253254
color: #333;
254255
}
255256

256257
#projects p {
257-
font-size: 1.2rem !important;
258-
line-height: 1.5;
258+
font-size: 1.4rem !important;
259+
line-height: 1.6;
259260
color: #444;
260261
margin: 0;
261262
}
262263

263264
/* Item dates */
264265
.item-dates {
265266
color: #666;
266-
font-size: 1.1rem !important;
267+
font-size: 1.2rem !important;
267268
font-weight: 400;
268269
}
269270

@@ -272,7 +273,7 @@
272273
color: #666;
273274
font-style: italic;
274275
margin: 1rem 0;
275-
font-size: 1.15rem !important;
276+
font-size: 1.3rem !important;
276277
}
277278

278279
/* Mobile */

0 commit comments

Comments
 (0)