Deploy mobile layout tweaks to GitHub Pages
This commit is contained in:
parent
09a0e5d5d8
commit
1ad33db104
1 changed files with 10 additions and 0 deletions
10
index.html
10
index.html
|
|
@ -26,6 +26,16 @@
|
||||||
z-index: 0;
|
z-index: 0;
|
||||||
}
|
}
|
||||||
.container { max-width: 640px; text-align: center; position: relative; z-index: 1; margin-top: 20vh; }
|
.container { max-width: 640px; text-align: center; position: relative; z-index: 1; margin-top: 20vh; }
|
||||||
|
/* Mobile portrait only: keep the name above the skyline, small screens */
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
body {
|
||||||
|
background-position: 50% 20%;
|
||||||
|
background-attachment: scroll;
|
||||||
|
}
|
||||||
|
.container { margin-top: 15vh; }
|
||||||
|
h1 { font-size: 2.1rem; }
|
||||||
|
p { font-size: 1.1rem; }
|
||||||
|
}
|
||||||
h1 { font-size: 3rem; font-weight: 600; margin-bottom: 0.5rem; color: #fff; text-shadow: 0 2px 6px rgba(0,0,0,0.7); }
|
h1 { font-size: 3rem; font-weight: 600; margin-bottom: 0.5rem; color: #fff; text-shadow: 0 2px 6px rgba(0,0,0,0.7); }
|
||||||
p { font-size: 1.25rem; line-height: 1.6; color: #f2f2f2; text-shadow: 0 1px 4px rgba(0,0,0,0.6); }
|
p { font-size: 1.25rem; line-height: 1.6; color: #f2f2f2; text-shadow: 0 1px 4px rgba(0,0,0,0.6); }
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue