Back to home

Hello Shave

Published: Oct 15, 2018

Last updated: Oct 15, 2018

    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.

    Installation

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

    Usage

    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

    @dennisokeeffe92
    • Melbourne, Australia

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

    1,200+ PEOPLE ALREADY JOINED ❤️️

    Get fresh posts + news direct to your inbox.

    No spam. We only send you relevant content.

    Hello Shave

    Introduction

    Share this post