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:
parent
5501b34432
commit
51120a9d31
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue