Pledge list: Update display on small screens

Fixes #279, fixes #290
This commit is contained in:
Kelly Dwan 2024-09-09 13:31:15 -04:00
parent 725c04baeb
commit 45875f73ca
No known key found for this signature in database
GPG key ID: 8BA5575F3D11575D
2 changed files with 10 additions and 3 deletions

View file

@ -50,7 +50,7 @@ if ( is_search() ) {
</div>
<!-- /wp:group -->
<!-- wp:post-template {"style":{"spacing":{"blockGap":"var:preset|spacing|60"}}} -->
<!-- wp:post-template {"style":{"spacing":{"blockGap":"80px"}}} -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|70"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"border":{"radius":"2px"},"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20","right":"var:preset|spacing|20"}}},"backgroundColor":"light-grey-2","layout":{"type":"constrained"}} -->

View file

@ -49,17 +49,24 @@ body.is-page-in-menu .wp-block-wporg-local-navigation-bar .wp-block-post-title {
max-width: 110px;
}
}
}
@media (max-width: 600px) {
@media (max-width: 600px) {
+ * {
margin-block-start: 40px;
}
> .wp-block-group {
flex-direction: column;
> .wp-block-group:first-child {
max-width: 100%;
width: 100%;
align-self: center;
}
.wp-block-post-featured-image {
max-width: 100%;
width: 200px !important;
}
}
}