Mobile styling

This commit is contained in:
Daniel Kluge 2022-11-03 11:36:19 +01:00
parent 90fd55828d
commit 336f9e4c4a
2 changed files with 7 additions and 1 deletions

View File

@ -29,7 +29,7 @@
.badgeSet { .badgeSet {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin-top: 10px; flex-wrap: wrap;
} }
.achievement { .achievement {
@ -54,6 +54,7 @@
background: var(--badge-bg, transparent); background: var(--badge-bg, transparent);
color: var(--badge-color, inherit); color: var(--badge-color, inherit);
margin-right: 10px; margin-right: 10px;
margin-top: 10px;
&:last-of-type { &:last-of-type {
margin-right: 0; margin-right: 0;
@ -132,6 +133,7 @@
.socials { .socials {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap;
align-items: center; align-items: center;
& > * { & > * {

View File

@ -28,6 +28,10 @@
h1 { h1 {
margin-top: 0; margin-top: 0;
} }
@media screen and (max-width: 890px) {
padding: 20px;
}
} }
footer { footer {