Pledge list: Adjust style and layout for smaller screens

This commit is contained in:
Kelly Dwan 2024-08-29 17:22:25 -04:00
parent 5b839d8dc8
commit eac1ed9006
No known key found for this signature in database
GPG key ID: 8BA5575F3D11575D
2 changed files with 29 additions and 1 deletions

View file

@ -18,3 +18,31 @@
.wp-block-search {
--wp--custom--form--border--width: 0;
}
.wp-block-post:where(li.type-5ftf_pledge) {
> .wp-block-group {
@media (max-width: 1080px) {
gap: var(--wp--preset--spacing--40);
}
@media (max-width: 960px) and (min-width: 600px) {
.wp-block-post-featured-image {
max-width: 110px;
}
}
@media (max-width: 600px) {
flex-direction: column;
> .wp-block-group:first-child {
max-width: 100%;
align-self: center;
}
.wp-block-post-featured-image {
max-width: 100%;
}
}
}
}