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 {
display: grid;
display: flex;
justify-content: center;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
text-align: center;
gap: 30px;
margin: auto;
max-width: 1000px;
max-width: 60rem;
flex-wrap: wrap;
padding: 2em 3em;
}
.portfolioItems a {
width: 100%;
max-width: 12rem;
color: white;
transition: scale 0.2s;
}
@ -24,6 +25,7 @@
}
.portfolioItems img {
width: 100%;
border-radius: 1rem;
background: var(--secondary);
box-shadow: 0.5em 0.5em 3em 0.7em rgba(0, 0, 0, 0.25),