spenser.black / spenserblack.github.io
Mirror of my GitHub Pages site
0
Fork 0

Configure Feed

Select the types of activity you want to include in your feed.

Make styling more responsive (#1)

authored by

Spenser Black and committed by
GitHub (Jul 10, 2026, 11:05 AM EDT) db5851f5 d0b49aec

+23 -7
+7 -1
src/components/Footer.astro
··· 36 36 justify-content: space-around; 37 37 } 38 38 ul.horizontal { 39 - flex-direction: row; 39 + /* NOTE Make Don't display items horizontally unless the screen is wide enough. */ 40 + flex-direction: column; 41 + } 42 + @media (min-width: 640px) { 43 + ul.horizontal { 44 + flex-direction: row; 45 + } 40 46 } 41 47 ul.vertical { 42 48 flex-direction: column;
+16 -6
src/components/ProjectStats.astro
··· 28 28 } 29 29 dt { 30 30 font-weight: bold; 31 - grid-row: 1; 31 + grid-column: 1; 32 32 } 33 33 dd { 34 - grid-row: 2; 34 + grid-column: 2; 35 35 } 36 - dt, 37 - dd { 38 - margin: 0; 39 - text-align: center; 36 + @media (min-width: 640px) { 37 + dt { 38 + grid-column: unset; 39 + grid-row: 1; 40 + } 41 + dd { 42 + grid-column: unset; 43 + grid-row: 2; 44 + } 45 + dt, 46 + dd { 47 + margin: 0; 48 + text-align: center; 49 + } 40 50 } 41 51 .relation { 42 52 text-decoration: underline;