mirror of
https://github.com/DerTyp7/dertyp7.github.io.git
synced 2025-11-02 14:42:32 +01:00
Update About component and styles for responsive design
This commit is contained in:
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user