greenleebt/brendan.greenlee.website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add mobile portrait layout tweaks

Browse source
This commit is contained in:
Brendan Greenlee 2026-08-12 16:42:48 +00:00
parent 63c9630256
commit 6e0c6168d9
1 changed files with 10 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

10
index.html
View file

@ -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>