Henry-Hiles/website-old
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Change portfolioItems styling

Browse source
This commit is contained in:
Henry Hiles 2023-06-16 20:14:56 -04:00
parent 42baeaa052
commit bc20c9ff34
1 changed files with 5 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/styles/Portfolio.module.css
View file

@ -1,8 +1,11 @@
.portfolioItems { .portfolioItems {
display: flex; display: grid;
justify-content: center; justify-content: center;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
text-align: center; text-align: center;
gap: 30px; gap: 30px;
margin: auto;
max-width: 1000px;
flex-wrap: wrap; flex-wrap: wrap;
padding: 2em 3em; padding: 2em 3em;
} }
@ -25,7 +28,6 @@
background: var(--secondary); background: var(--secondary);
box-shadow: 0.5em 0.5em 3em 0.7em rgba(0, 0, 0, 0.25), box-shadow: 0.5em 0.5em 3em 0.7em rgba(0, 0, 0, 0.25),
-0.5em -0.5em 3em 0.7em rgba(0, 0, 0, 0.22); -0.5em -0.5em 3em 0.7em rgba(0, 0, 0, 0.22);
width: 13em;
} }
.portfolioItems a:hover { .portfolioItems a:hover {
@ -35,5 +37,5 @@
.projectName { .projectName {
width: 100%; width: 100%;
margin: 0; margin: 0;
padding: 5px; padding: 5px 0;
} }