janis/dertyp7.github.io
1
0
Fork 0
mirror of https://github.com/DerTyp7/dertyp7.github.io.git synced 2025-11-02 14:42:32 +01:00
Code Issues Packages Projects Releases Wiki Activity

Update About component and styles for responsive design

Browse Source
This commit is contained in:
dertyp7
2024-01-13 17:42:17 +01:00
parent 7715d626ad
commit 9b487cab47
3 changed files with 41 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/styles/About.scss
View File

@@ -33,4 +33,20 @@
}
}
}
@media (max-width: 1150px) {
padding: 5rem 2rem;
}
@media (max-width: 600px) {
.social-links {
flex-direction: column;
align-items: stretch;
a {
width: 100%;
text-align: center;
}
}
}
}

24
src/styles/index.scss
View File

@@ -28,16 +28,40 @@ html {
h1 {
font-size: 8rem;
font-weight: 700;
@media screen and (max-width: 900px) {
font-size: 6rem;
}
@media screen and (max-width: 480px) {
font-size: 4rem;
}
}
h2 {
font-size: 4rem;
font-weight: 700;
@media screen and (max-width: 900px) {
font-size: 3rem;
}
@media screen and (max-width: 480px) {
font-size: 2rem;
}
}
h3 {
font-size: 2rem;
font-weight: 700;
@media screen and (max-width: 900px) {
font-size: 1.5rem;
}
@media screen and (max-width: 480px) {
font-size: 1rem;
}
}
body,