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

49
public/index.css
View file

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