🎉 I'm releasing 12 products in 12 months! If you love product, checkout my new blog workingoutloud.dev

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