Hosting résumé on GitHub Pages.

Author: SarahSexton

index.html

@@ -44,15 +44,14 @@ <h2>Full Stack Engineer</h2>
             <section class="section">
                 <h2>Areas of Expertise</h2>
                 <ul class="skills" role="list">
-                    <li>Artificial Intelligence</li><li>Cloud Computing</li><li>Engineering Fundamentals</li><li>Communication</li><li>Customer Relations</li><li>Accessibility</li><li>Documentation</li><li>Best Practices</li><li>Growth Mindset</li>
+                    <li>Artificial Intelligence</li><li>Cloud Computing</li><li>Engineering Fundamentals</li><li>Best Practices</li><li>Customer Relations</li><li>Documentation</li><li>Growth Mindset</li><li>Accessibility</li><li>Communication</li>
                 </ul>
             </section>
             <section class="section">
                 <h2>Skills</h2>
                 <ul class="skills" role="list">
-                    <li>Responsible OpenAI</li><li>Large Language Models (LLM)</li><li>Azure Cloud Architecture</li><li>DevOps Pipelines</li><li>Customer Relationship Management (CRM)</li>
-                    <li>C#</li><li>Python</li><li>ASP.NET</li><li>React</li><li>Material UI</li><li>JavaScript Object Notation (JSON)</li>
-                    <li>Data Science/Machine Learning</li><li>Retrieve Augment Generate (RAG)</li>
+                    <li>Responsible OpenAI</li><li>Azure Cloud Architecture</li><li>Large Language Models (LLM)</li><li>DevOps Pipelines</li><li>Customer Relationship Management (CRM)</li>
+                    <li>ASP.NET</li><li>React</li><li>MaterialUI</li><li>JavaScript Object Notation (JSON)</li><li>Data Science/Machine Learning</li><li>Python</li><li>Retrieve Augment Generate (RAG)</li><li>C#</li>
                 </ul>
             </section>
             <section class="section">
@@ -100,7 +99,7 @@ <h2>Certifications & Awards</h2>
             </section>
             <section class="section links">
                 <h2 class="visually-hidden">Links</h2>
-                <p>Open-Source: <a href="https://github.com/SarahSexton" target="_blank" rel="noopener">github.com/SarahSexton</a> |
+                <p class="links-list">Open-Source: <a href="https://github.com/SarahSexton" target="_blank" rel="noopener">github.com/SarahSexton</a> |
                 Thought-Leadership: <a href="https://shebuildsgames.dev" target="_blank" rel="noopener">shebuildsgames.dev</a> |
                 Tech Blog: <a href="https://aka.ms/sarahsays" target="_blank" rel="noopener">aka.ms/sarahsays</a></p>
             </section>

style.css

@@ -1,3 +1,21 @@
+ul {
+    padding-left: 1.2em;
+    list-style-position: outside;
+}
+/* Links section: single line on desktop, stacked on mobile */
+.links-list a {
+    display: inline;
+}
+
+@media (max-width: 600px) {
+    .links-list a {
+        display: block;
+        margin-bottom: 8px;
+    }
+    .links-list {
+        text-align: left;
+    }
+}
 /* Style for summary list in Full Stack Engineer section */
 .summary-list {
     margin: 0 0 1.5em 0;
@@ -17,10 +35,10 @@ body {
     flex-direction: column;
     align-items: center;
 }
-/* Make the paper about an inch wider (approx. 96px) */
+
 .paper {
     background: #fff;
-    box-shadow: 0 4px 32px rgba(0,0,0,0.10), 0 1.5px 4px rgba(0,0,0,0.04);
+    box-shadow: 0 10px 36px rgba(0,0,0,0.18), 0 2px 8px rgba(0,0,0,0.12);
     border-radius: 8px;
     max-width: 800px;
     width: 100%;
@@ -79,7 +97,7 @@ h1 {
     gap: 8px 24px;
     font-size: 1em;
     color: #222;
-    justify-content: space-between;
+    /*justify-content: space-between;*/
 }
 .skills span, .awards span {
     background: #f5f5f5;