mirror of
https://github.com/WordPress/five-for-the-future.git
synced 2025-07-10 04:25:44 +03:00
Pledge list: Adjust style and layout for smaller screens
This commit is contained in:
parent
5b839d8dc8
commit
eac1ed9006
2 changed files with 29 additions and 1 deletions
|
@ -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%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue