Feature v3
Content group containing Text + Media element that outsets its container at a specific viewport size.
Projects /
Content group containing Text + Media element that outsets its container at a specific viewport size.
The Feature v3 component is used to display a text component with an image element. The image element can expand beyond its container, showing only part of the whole image.
When the text component and the image sit next to each other (medium breakpoint), the image height is equal to the .feature-v3__media-wrapper
height. Adjusting it in CSS will change how much of the image is visible.
@include min-width(md) {
// ...
.feature-v3__media-wrapper {
height: 520px;
// ...
}
}