More CSS changes

This commit is contained in:
Lea Anthony 2022-09-20 18:20:53 +10:00
commit 7254c575d6
No known key found for this signature in database
GPG key ID: 33DAF7BB90A58405
3 changed files with 35 additions and 16 deletions

View file

@ -318,6 +318,11 @@
padding-left: 0;
max-width: 800px;
}
.hero__subtitle {
margin-top: 2rem;
font-size: 1.75rem;
}
}
@media screen and (max-width: 966px) {
@ -326,4 +331,30 @@
max-width: 65%;
min-width: 200px;
}
.hero__subtitle {
font-size: 1.5rem;
}
}
@media screen and (max-width: 400px) {
.carousel-root {
padding-left: 0;
max-width: 95%;
min-width: 200px;
}
blockquote {
margin: 0rem auto 3rem;
}
blockquote h3 {
font-size: 1.1rem;
}
blockquote h4 {
font-size: 1rem;
}
}

View file

@ -135,7 +135,7 @@ html[data-theme="light"] .button--secondary {
}
.hero .container .col .hero__subtitle {
font-size: 1.2rem;
font-size: 1.3rem;
}
.carousel-root {
@ -174,27 +174,14 @@ html[data-theme="light"] .button--secondary {
font-size: 1.5rem;
}
@media all and (min-width: 600px) {
.hero__subtitle {
margin-top: 2rem;
font-size: 1.65rem;
}
}
@media all and (min-width: 1024px) {
.hero__subtitle {
margin-top: 2rem;
font-size: 1.75rem;
}
}
blockquote {
display: block;
width: 80%;
max-width: 75rem;
position: relative;
padding: 0 5px;
margin: 0 auto 7rem;
padding: 0 1rem;
margin: 1rem auto 7rem;
}
blockquote:before, blockquote:after {

View file

@ -29,4 +29,5 @@
.heroBanner {
padding: 1rem 0 1rem;
}
}