feat: edited a bit the css

replaced width with max-width in #avatar and added border-radius to the
portfolio images
This commit is contained in:
Marlow Alfonso 2024-04-14 20:02:10 +00:00
parent 5501b34432
commit 51120a9d31
1 changed files with 6 additions and 1 deletions

View File

@ -54,7 +54,7 @@ body {
} }
#avatar { #avatar {
width: 256px; max-width: 256px;
float: right; float: right;
border-radius: 8px; border-radius: 8px;
} }
@ -63,10 +63,15 @@ body {
justify-items: center; justify-items: center;
gap: 4px; gap: 4px;
} }
#gallery { #gallery {
display: grid; display: grid;
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
} }
#gallery img {
border-radius: 8px;
}
@media screen and (max-width: 900px) { @media screen and (max-width: 900px) {
#buttons { #buttons {
display: grid; display: grid;