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

adjust book club landing page for ipad

Browse Source
This commit is contained in:
Aadil Ayub
2025-04-30 16:56:13 +05:00
parent a9e50301f6
commit 11ae7b897e
3 changed files with 83 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
assets/css/static.css
View File

@ -36,6 +36,11 @@ body {
padding-inline: 3rem;
}
}
@media (min-width: 481px) and (max-width: 1083px) {
.container {
padding-inline: 3rem;
}
}
a {
color: var(--foreground-text);
@ -146,6 +151,13 @@ section.hero .hero--container {
padding: 3rem;
}
}
@media (min-width: 481px) and (max-width: 1083px) {
section.hero .hero--container {
display: flex;
flex-direction: column;
padding-inline: 3rem;
}
}
section.hero .hero--container .hero--text {
grid-column: 2/4;
display: flex;
@ -165,8 +177,15 @@ section.hero .hero--container .hero--text h2 {
margin-top: 2rem;
}
}
@media (min-width: 481px) and (max-width: 1083px) {
section.hero .hero--container .hero--text h2 {
font-size: 32px;
line-height: 1;
margin-top: 2rem;
}
}
section.hero .hero--container .hero--text p {
font-family: var(wp--preset--font-family--sora);
font-family: var(--wp--preset--font-family--sora);
font-size: 18px;
max-width: 446px;
}
@ -192,6 +211,13 @@ section.hero .hero--container .hero--img {
border-right: 1px solid;
}
}
@media (min-width: 481px) and (max-width: 1083px) {
section.hero .hero--container .hero--img {
order: -1;
border-radius: 12px;
border-right: 1px solid;
}
}
.sponsor-logos {
padding-top: 78px;
@ -209,6 +235,11 @@ section.hero .hero--container .hero--img {
justify-content: space-between;
align-items: center;
}
@media (min-width: 481px) and (max-width: 1083px) {
.sponsor-logos .container {
justify-content: center;
}
}
@media (max-width: 480px) {
.sponsor-logos .container {
display: grid;
@ -244,6 +275,11 @@ section.pitch .pitch--cards {
grid-template-columns: repeat(3, 300px);
gap: 16px;
}
@media (min-width: 481px) and (max-width: 1083px) {
section.pitch .pitch--cards {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 480px) {
section.pitch .pitch--cards {
grid-template-columns: 1fr;
@ -503,6 +539,11 @@ section.book-club-benefits .benefit-cards .benefit-card--item img {
width: 100%;
}
}
@media (min-width: 481px) and (max-width: 1083px) {
section.book-club-benefits .benefit-cards .benefit-card--item img {
width: 100%;
}
}
section.book-club-benefits .benefit-cards .benefit-card--item p {
max-width: 289px;
margin-inline: auto;
@ -551,6 +592,11 @@ footer.somos-infinitos-footer {
padding-inline: 3rem;
}
}
@media (min-width: 481px) and (max-width: 1083px) {
footer.somos-infinitos-footer {
padding-inline: 3rem;
}
}
@media (max-width: 480px) {
footer.somos-infinitos-footer {
background-size: cover;