Go to homepage

Projects /

Feature v3

Content group containing Text + Media element that outsets its container at a specific viewport size.

View Demo

How to

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;

    // ...
  }
}

Categories

Bug report & feedback

Component Github page ↗

Project duplicated

Project created

Globals imported

There was an error while trying to export your project. Please try again or contact us.