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

actually fix responsive design for the last time

Browse source
This commit is contained in:
Youwen Wu 2023-10-10 23:26:48 -07:00
parent 07fb1b78dc
commit 5354c347e8
1 changed files with 34 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

66
public/index.css
View file

@ -150,39 +150,6 @@ footer p {
} }
} }
/* Smartphones (portrait) and small screens ----------- */
@media only screen
and (max-width : 600px) {
/* Styles */
.bg-text {
font-size: 30vw;
opacity: 0.25;
word-break: break-word;
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 : 1200px) {
/* Styles */
.bg-text {
font-size: 12vw;
opacity: 0.15;
}
}
.bg-text { .bg-text {
font-weight: bold; font-weight: bold;
font-family: Georgia, serif; font-family: Georgia, serif;
@ -195,3 +162,36 @@ and (max-width : 1200px) {
pointer-events: none; pointer-events: none;
z-index: 1; z-index: 1;
} }
/* all other screens */
@media only screen and not (max-width : 1200px) {
/* Styles */
.bg-text {
font-size: 25vh;
opacity: 0.15;
}
}
@media only screen
and (max-width : 1200px) {
/* Styles */
.bg-text {
font-size: 20vw;
opacity: 0.25;
word-break: break-word;
margin-top: 8vh;
/* margin-top: 10vh */
}
}
/* Smartphones (portrait) and small screens ----------- */
@media only screen
and (max-width : 600px) {
/* Styles */
.bg-text {
font-size: 30vw;
opacity: 0.25;
word-break: break-word;
margin-top: 22vh;
}
}