Files
CWC/views/blocks/media-text/media-text.css
T
Keith Solomon b53f7bb4ca
Deploy to Dreamhost (dev) / build (push) Successful in 33s
Sync TODOs with Issues / sync_todos (push) Successful in 7s
🐞 fix: Adjust gradient on mobile
2026-06-30 20:42:13 -05:00

43 lines
1.0 KiB
CSS

@media (max-width: 767px) {
.wp-block-acf-media-text.media-cols {
gap: 3rem;
grid-template-columns: minmax(0, 1fr);
padding: 0;
padding-inline: 0 !important;
}
.wp-block-acf-media-text.media-cols > .media-wrapper {
order: 2;
}
.wp-block-acf-media-text.media-cols > .media-wrapper img {
display: block;
height: auto;
width: 100%;
}
.wp-block-acf-media-text.media-cols > .content-wrapper {
order: 1;
padding: 0;
}
.wp-block-acf-media-text.media-cols > .content-wrapper .font-light {
font-size: 1rem;
line-height: 1.5;
}
.wp-block-acf-media-text.media-cols.has-two-ctas > .content-wrapper .reset {
display: grid;
gap: 1.375rem;
grid-template-columns: minmax(0, 148fr) minmax(0, 124fr);
width: min(100%, 18.375rem);
}
.wp-block-acf-media-text.media-cols.has-two-ctas
> .content-wrapper
.reset
.button {
width: 100%;
}
}