autonomic-cooperative/somos-infinitos-theme
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adjust book club page on mobile

Browse Source
This commit is contained in:
Aadil Ayub
2025-04-22 17:56:46 +05:00
parent 961d7abe09
commit b3390c1c55
3 changed files with 73 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
assets/css/static.css
View File

@ -6,6 +6,11 @@
--font-family-mono: "Jura", sans-serif;
--font-family-sans: "Sora", sans-serif;
}
@media (max-width: 480px) {
:root {
--wp--preset--font-size--x-large: 32px !important;
}
}
* {
box-sizing: border-box;
@ -28,7 +33,7 @@ body {
}
@media (max-width: 480px) {
.container {
padding: 3rem;
padding-inline: 3rem;
}
}
@ -120,6 +125,11 @@ p {
section {
padding-block: 82px;
}
@media (max-width: 480px) {
section {
padding-block: 54px;
}
}
section.hero {
padding-block: 0;
@ -187,6 +197,11 @@ section.hero .hero--container .hero--img {
padding-top: 78px;
padding-bottom: 41px;
}
@media (max-width: 480px) {
.sponsor-logos {
padding-top: 42px;
}
}
.sponsor-logos .container {
display: flex;
text-align: center;
@ -199,6 +214,7 @@ section.hero .hero--container .hero--img {
display: grid;
place-items: center;
gap: 1.2em;
justify-content: center;
}
}
.sponsor-logos .container img {
@ -218,6 +234,11 @@ section.pitch h2 {
margin-inline: auto;
margin-bottom: 54px;
}
@media (max-width: 480px) {
section.pitch h2 {
font-size: 32px;
}
}
section.pitch .pitch--cards {
display: grid;
grid-template-columns: repeat(3, 300px);
@ -247,6 +268,11 @@ section.pitch .pitch--cards .pitch--card-item p {
font-weight: 300;
line-height: 1.3;
}
@media (max-width: 480px) {
section.pitch .pitch--cards .pitch--card-item p {
font-size: 14px;
}
}
section.book-club-examples {
text-align: center;
@ -306,6 +332,11 @@ section.book-club-examples .book-club-example-cards .book-club-example-card--ite
section.book-club-examples .book-club-example-cards .book-club-example-card--item--text p {
font-size: 16px;
}
@media (max-width: 480px) {
section.book-club-examples .book-club-example-cards .book-club-example-card--item--text p {
font-size: 14px;
}
}
section.book-club-examples .book-club-example-cards .book-club-example-card--item--text strong {
font-weight: 600;
}
@ -314,7 +345,7 @@ section.book-club-examples .book-club-example-cards .book-club-example-card--ite
}
@media (max-width: 480px) {
section.book-club-examples .book-club-example-cards .book-club-example-card--item--text {
padding-block: 2rem;
padding-block: 1.8rem;
}
}
section.book-club-examples .btn {
@ -369,10 +400,20 @@ section.testimonial-section .testimonial-cards .testimonial-card--item .bio--nam
section.testimonial-section .testimonial-cards .testimonial-card--item--description {
font-size: 16px;
}
@media (max-width: 480px) {
section.testimonial-section .testimonial-cards .testimonial-card--item--description {
font-size: 14px;
}
}
section.faq {
padding-block: 84px;
}
@media (max-width: 480px) {
section.faq {
padding-block: 42px;
}
}
section.faq h2 {
text-align: center;
font-weight: 400;