🎉 Black Friday deal! 25% off your first year of CodyHouse Pro →


Progress value is 30%

Feature v4

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

Copy: View demo


All components are based on CodyFrame.

This component includes variations. All variations share the same SCSS/JS code. They only differ in their HTML.

How to

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

The [email protected]{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.

✅ Project duplicated

✅ Project created

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