Skip to content

Commit

Permalink
Fix projects layout on narrow screens
Browse files Browse the repository at this point in the history
Switch to a column flex layout.
Remove tech stack from thegiftoftime.md.
  • Loading branch information
fwextensions committed Oct 2, 2024
1 parent 714bf62 commit 60da3b2
Show file tree
Hide file tree
Showing 2 changed files with 19 additions and 3 deletions.
20 changes: 19 additions & 1 deletion src/components/ProjectSummaryItem.astro
Original file line number Diff line number Diff line change
Expand Up @@ -119,7 +119,7 @@ const url = repos?.[0];
margin-bottom: calc(.5 * var(--pico-typography-spacing-vertical));
}

div.links {
.links {
margin-top: calc(1.75 * var(--pico-typography-spacing-vertical));
}

Expand All @@ -133,4 +133,22 @@ const url = repos?.[0];
top: -.15rem;
position: relative;
}

@media only screen and (max-width: 768px) {
article {
flex-direction: column;
gap: calc(.5 * var(--pico-block-spacing-vertical));
}

img.thumbnail {
aspect-ratio: auto;
height: auto;
}

.links {
a {
word-break: break-all;
}
}
}
</style>
2 changes: 0 additions & 2 deletions src/content/projects/thegiftoftime.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,6 @@ status: completed
name: TheGiftOfTime
description: |-
There are 10,000 volunteers in the Code for America Network. What if we could help those volunteers turn their time into corporate donations to local volunteer brigades, and help groups across the country achieve financial stability.
technologies:
- "Business Process Improvement; UX Research"
slack:
name: "#proj-thegiftoftime"
url: https://sfbrigade.slack.com/archives/C02PGVDA0LV
Expand Down

0 comments on commit 60da3b2

Please sign in to comment.