Mobile Compat

This commit is contained in:
Patrick Schwarzer 2025-05-12 19:14:49 +02:00
parent 4187790a4b
commit 5c33f4c7d3

View file

@ -112,6 +112,7 @@ footer {
width: 100%;
border-top: 1px solid #222222;
margin-top: 5rem;
text-align: center;
}
body.light-mode footer {
background-color: #eeeeee;
@ -183,6 +184,7 @@ main {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
color: rgb(216, 216, 216);
}
.home-container h1 {
@ -433,6 +435,7 @@ footer a {
}
@media (max-width: 768px) {
/* Nav Bar */
nav ul {
display: none;
}
@ -548,4 +551,47 @@ footer a {
body.light-mode .dark-mode-toggle-mobile:hover {
background-color: #e0e0e0;
}
/* Content */
.home-container h1 {
font-size: 2rem;
}
.home-container h2 {
font-size: 1.5rem;
}
.home-container p {
font-size: 1rem;
margin-top: 1.5rem;
}
.projects-container h1 {
font-size: 1.75rem;
}
.projects {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.project h1 {
font-size: 1.5rem;
}
.project li {
font-size: 0.90rem;
}
.skills-container h1 {
font-size: 1.75rem;
}
.skills-container ul {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.contact-container {
padding-left: 1.5rem;
padding-right: 1.5rem;
text-align: center;
}
.contact-container h1 {
font-size: 1.75rem;
}
}