Mobile Compat
This commit is contained in:
parent
4187790a4b
commit
5c33f4c7d3
1 changed files with 46 additions and 0 deletions
46
index.css
46
index.css
|
@ -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;
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue