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%;
|
width: 100%;
|
||||||
border-top: 1px solid #222222;
|
border-top: 1px solid #222222;
|
||||||
margin-top: 5rem;
|
margin-top: 5rem;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
body.light-mode footer {
|
body.light-mode footer {
|
||||||
background-color: #eeeeee;
|
background-color: #eeeeee;
|
||||||
|
@ -183,6 +184,7 @@ main {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
text-align: center;
|
||||||
color: rgb(216, 216, 216);
|
color: rgb(216, 216, 216);
|
||||||
}
|
}
|
||||||
.home-container h1 {
|
.home-container h1 {
|
||||||
|
@ -433,6 +435,7 @@ footer a {
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
|
/* Nav Bar */
|
||||||
nav ul {
|
nav ul {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
@ -548,4 +551,47 @@ footer a {
|
||||||
body.light-mode .dark-mode-toggle-mobile:hover {
|
body.light-mode .dark-mode-toggle-mobile:hover {
|
||||||
background-color: #e0e0e0;
|
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