TheThomaas/11ty-resume
1
0
Fork 0
Code Issues 1 Pull requests Packages Projects Releases Wiki Activity

Update project cards style

Browse source
This commit is contained in:
TheThomaas 2025-06-03 21:09:32 +02:00
parent 1a19666952
commit b0ed278a52
1 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/css/components/projects.css
View file

@ -1,14 +1,14 @@
.project-grid { .project-grid {
grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
gap: 1rem; gap: 1rem;
display: grid; display: grid;
} }
.project-grid li { .project-grid > li {
border-radius: var(--border-radius); border-radius: var(--border-radius);
overflow: hidden; overflow: hidden;
} }
.card { .card {
--background: url(https://placehold.co/200x150); --background: linear-gradient(45deg, var(--color-neutral-100) 30%, var(--color-neutral-300) 100%);
z-index: 1; z-index: 1;
background: var(--background); background: var(--background);
background-repeat: no-repeat; background-repeat: no-repeat;
@ -45,4 +45,7 @@
} }
.card .content { .card .content {
padding: 1rem 0.4rem 0; padding: 1rem 0.4rem 0;
}
.card .list-inline {
gap: 0.5ch;
} }