Add clearfix to your CSS or a specific element using the Clearfix SASS mixin.

Clearfix SASS Mixin.scss

// -----------------------------------------

	// Clearfix after element

// -------------------------------------------

 // usage: @include clearfix();

@mixin clearfix() {
    & {
        *zoom: 1;
    }
    &:before,
    &:after {
        content: "";
        display: table;
    }
    &:after {
        clear: both;
    }
}