youwen5/gallium-workshop
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix mobile styling

Browse source
This commit is contained in:
Youwen Wu 2023-10-10 22:57:45 -07:00
parent 3301404de7
commit 6dbce2a63c
1 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
public/index.css
View file

@ -150,14 +150,14 @@ footer p {
} }
} }
/* Smartphones (portrait) ----------- */ /* Smartphones (portrait) and small screens ----------- */
@media only screen @media only screen
and (max-width : 1000px) { and (max-width : 1000px) {
/* Styles */ /* Styles */
.bg-text { .bg-text {
font: bold 30vw Georgia, serif; font: bold 30vw Georgia, serif;
color: #100b0b; color: #100b0b;
opacity: 0.2; opacity: 0.25;
/* background: yellow; */ /* background: yellow; */
position: absolute; position: absolute;
right: 0; right: 0;
@ -165,10 +165,11 @@ and (max-width : 1000px) {
user-select: none; user-select: none;
z-index: 1; z-index: 1;
pointer-events: none; pointer-events: none;
margin-top: 10vh
} }
} }
/* iPads (landscape) ----------- */ /* all other screens */
@media only screen and not (max-width : 1000px) { @media only screen and not (max-width : 1000px) {
/* Styles */ /* Styles */
.bg-text { .bg-text {