Go to homepage

Projects /

Feature v4

Content group containing media element + text that outsets its container at a specific breakpoint.

View Demo

How to

The Feature v4 component allows you to target text elements and increase their width to overlap the media element.

The .feature-v4__text-offset@{breakpoint} class is applied to the elements whose width you want to affect. 

Modify the --feature-text-offset custom property to set how much wider the outset elements should be in relation to their parent.

.feature-v4 {
  --feature-text-offset: 50%;
}

🌅 Photo by Bench Accounting on Unsplash.

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.