Back to home

Hello Shave

    Have you ever run into the issue of grids breaking when content input is too long? While there are a number of solutions to restraining height on elements, one that I like comes in Shave from the Dollar Shave Club.


    # npm npm install --save shave # or yarn yarn add shave


    Incredibly simple.

    // code omitted for brevity import shave from "shave"; // restrain height to 70px const selector = ".shave"; const height = 70; shave(selector, height);

    Before vs after

    Issue beforehand

    Issue beforehand

    Issue after

    Issue after

    Hello is a series that is about short, sharp examples. Read more on this series to find small gems to add your toolset.

    Personal image

    Dennis O'Keeffe

    • Melbourne, Australia

    Hi, I am a professional Software Engineer. Formerly of Culture Amp, UsabilityHub, Present Company and NightGuru.
    I am currently working on Visibuild.


    Get fresh posts + news direct to your inbox.

    No spam. We only send you relevant content.

    Hello Shave


    Share this post