augusto
/
website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Improve quote breakpoints

This commit is contained in:
Augusto Gunsch 2022-03-30 09:45:44 -03:00
parent d6fd7fc108
commit fe72624378
1 changed files with 25 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
static/stylesheet.css
View File

@ -91,7 +91,6 @@
} }
#quote { #quote {
max-width: 30%;
display: block; display: block;
font-size: 1.5rem; font-size: 1.5rem;
margin: 0; margin: 0;
@ -128,6 +127,11 @@
#quote { #quote {
max-width: 100%; max-width: 100%;
margin: 2rem 0;
}
#slogan {
margin: 2rem;
} }
#slogan mark { #slogan mark {
@ -135,3 +139,23 @@
color: black; color: black;
} }
} }
@media only screen and (min-width: 600px) {
#quote {
max-width: 80%;
}
}
@media only screen and (min-width: 768px) {
#quote {
max-width: 60%;
}
}
@media only screen and (min-width: 992px) {
#quote {
max-width: 40%;
}
}