diff --git a/css/styles.css b/css/styles.css index 551730b..8833186 100644 --- a/css/styles.css +++ b/css/styles.css @@ -197,8 +197,8 @@ section { padding: 64px 0; } box-shadow: 0 2px 6px rgba(16, 38, 61, 0.06); padding: 40px; display: grid; - grid-template-columns: 1.1fr 1fr; - gap: 40px; + grid-template-columns: 1fr; + gap: 24px; align-items: center; } .hero h1 { font-size: 34px; margin-bottom: 18px; line-height: 1.2; } @@ -211,6 +211,25 @@ section { padding: 64px 0; } margin-top: 24px; } +.hero-facts { + display: flex; + flex-wrap: wrap; + gap: 8px 10px; + margin-top: 24px; + padding-top: 18px; + border-top: 1px solid var(--rule-soft); +} + +.hero-facts span { + background: #eef2f6; + border: 1px solid var(--rule); + border-radius: 3px; + padding: 6px 9px; + font-size: 12.5px; + color: var(--muted-2); + font-weight: 600; +} + .btn { display: inline-flex; align-items: center; @@ -483,15 +502,14 @@ section { padding: 64px 0; } /* ---------- About ---------- */ .about-grid { display: grid; - grid-template-columns: .9fr 1.45fr 1fr; + grid-template-columns: minmax(240px, .8fr) 1.7fr; gap: 24px; - align-items: stretch; + align-items: start; } .about-photo { background: #e9edf1; border: 1px solid var(--rule); border-radius: 3px; - aspect-ratio: 1 / 1; overflow: hidden; } .about-text { @@ -544,6 +562,12 @@ section { padding: 64px 0; } grid-template-columns: 1fr 1fr; gap: 24px; } + +.experience-grid { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 24px; +} .panel { background: var(--panel); border: 1px solid var(--rule); @@ -620,6 +644,7 @@ section { padding: 64px 0; } .skills-grid { grid-template-columns: repeat(2, 1fr); } .about-grid { grid-template-columns: 1fr; } .two-col { grid-template-columns: 1fr; } + .experience-grid { grid-template-columns: 1fr; } .contact-cta { flex-direction: column; align-items: flex-start; } } @@ -654,9 +679,7 @@ section { padding: 64px 0; } .about-headshot { width: 100%; - height: 100%; - object-fit: cover; - object-position: center 20%; + height: auto; display: block; } diff --git a/index.html b/index.html index add5af9..b2e0c5e 100644 --- a/index.html +++ b/index.html @@ -66,15 +66,12 @@ View Projects Download Resume - -
-
+ + Building a software engineering foundation alongside hands-on work in + systems administration, cloud infrastructure, networking, Java, and web development. +
++ Additional long-term experience in bakery and grocery environments, + contributing to roughly three decades of customer service, production, + teamwork, training, and operational problem-solving. +
+