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

fixed responsive styling, again

Browse source
This commit is contained in:
Youwen Wu 2023-10-10 23:19:11 -07:00
parent 6dbce2a63c
commit 07fb1b78dc
1 changed files with 25 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

51
public/index.css
View file

@ -152,45 +152,46 @@ footer p {
/* Smartphones (portrait) and small screens ----------- */ /* Smartphones (portrait) and small screens ----------- */
@media only screen @media only screen
and (max-width : 1000px) { and (max-width : 600px) {
/* Styles */ /* Styles */
.bg-text { .bg-text {
font: bold 30vw Georgia, serif; font-size: 30vw;
color: #100b0b;
opacity: 0.25; opacity: 0.25;
/* background: yellow; */
position: absolute;
right: 0;
word-break: break-word; word-break: break-word;
user-select: none; margin-top: 22vh;
z-index: 1; }
pointer-events: none; }
margin-top: 10vh
@media only screen
and (max-width : 1200px) {
/* Styles */
.bg-text {
font-size: 20vw;
opacity: 0.25;
word-break: break-word;
margin-top: 15vh;
/* margin-top: 10vh */
} }
} }
/* all other screens */ /* all other screens */
@media only screen and not (max-width : 1000px) { @media only screen and not (max-width : 1200px) {
/* Styles */ /* Styles */
.bg-text { .bg-text {
font: bold 14vw Georgia, serif; font-size: 12vw;
opacity: 0.15;
}
}
.bg-text {
font-weight: bold;
font-family: Georgia, serif;
/* font: bold Georgia, serif; */
color: #100b0b; color: #100b0b;
opacity: 0.1;
position: absolute; position: absolute;
right: 0; right: 0;
top: 0;
user-select: none; user-select: none;
pointer-events: none; pointer-events: none;
z-index: 1; z-index: 1;
} }
}
/* .bg-text {
font: bold 14vw Georgia, serif;
color: #100b0b;
opacity: 0.1;
position: absolute;
right: 0;
user-select: none;
pointer-events: none;
} */