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

Fix responsiveness

Browse source
This commit is contained in:
Henry Hiles 2023-06-16 20:42:48 -04:00
parent 43683d08cc
commit 6acdfe3e75
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,16 +1,17 @@
.portfolioItems { .portfolioItems {
display: grid; display: flex;
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; margin: auto;
max-width: 1000px; max-width: 60rem;
flex-wrap: wrap; flex-wrap: wrap;
padding: 2em 3em; padding: 2em 3em;
} }
.portfolioItems a { .portfolioItems a {
width: 100%;
max-width: 12rem;
color: white; color: white;
transition: scale 0.2s; transition: scale 0.2s;
} }
@ -24,6 +25,7 @@
} }
.portfolioItems img { .portfolioItems img {
width: 100%;
border-radius: 1rem; border-radius: 1rem;
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),