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;
|
||||
}
|
||||
.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); }
|
||||
p { font-size: 1.25rem; line-height: 1.6; color: #f2f2f2; text-shadow: 0 1px 4px rgba(0,0,0,0.6); }
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue