diff options
| author | Andrew Lee <alee14498@protonmail.com> | 2024-01-23 13:52:24 +0000 |
|---|---|---|
| committer | Andrew Lee <alee14498@protonmail.com> | 2024-01-23 13:52:24 +0000 |
| commit | c3f19db172c7bd503b97492ba83cb55aaeac8ad2 (patch) | |
| tree | 9f9b8b0aafc0ff7848faaac9f864f15b56cc6dbc /src/pages/projects.astro | |
| parent | febf7b97943e4261416c2986320556303c30e5e9 (diff) | |
| download | personal-website-c3f19db172c7bd503b97492ba83cb55aaeac8ad2.tar.gz personal-website-c3f19db172c7bd503b97492ba83cb55aaeac8ad2.tar.bz2 personal-website-c3f19db172c7bd503b97492ba83cb55aaeac8ad2.zip | |
Added styling to projects (cards)
Diffstat (limited to 'src/pages/projects.astro')
| -rw-r--r-- | src/pages/projects.astro | 30 |
1 files changed, 29 insertions, 1 deletions
diff --git a/src/pages/projects.astro b/src/pages/projects.astro index b381bf3..b6da87a 100644 --- a/src/pages/projects.astro +++ b/src/pages/projects.astro @@ -6,7 +6,7 @@ import projects from "../components/projects.json"; { projects.map((project) => { return ( - <div class="projects"> + <div class="cards"> <h1>{project.name}</h1> <p>{project.description}</p> {project.links.map((link) => { @@ -19,3 +19,31 @@ import projects from "../components/projects.json"; }) } </Page> +<style> + .cards { + display: flex; + flex-direction: column; + gap: 1em; + background-color: #3B513B; + padding: 1.2em; + border-radius: 20px; + margin: 1em; + } + + .cards h1 { + padding: 0; + margin: 0; + } + + .cards p { + padding: 0; + margin: 0; + } + + .cards a { + text-align: right; + display: inline-block; + + } + +</style>
\ No newline at end of file |